:root {
  --cc-color-primary: #323962;
  --cc-color-primary-dark: #7585b3;
  --cc-color-primary-light: #a7bfd3;
  --cc-color-primary-bg: #eff6ff;
  --cc-color-primary-border: #abd3e2;
  --cc-color-accent: #a8926b;
  --cc-color-accent-dark: #746553;
  --cc-color-accent-light: #e2d292;
  --cc-color-accent-bg: #fbfbe5;
  --cc-color-success: #7c987f;
  --cc-color-success-bg: #dce5dd;
  --cc-color-error: #7d3639;
  --cc-color-error-bg: #e7dce4;
  --cc-color-warning: #be7960;
  --cc-color-text: #000630;
  --cc-color-text-sub: #1a355d;
  --cc-color-text-dim: #4f74a1;
  --cc-color-bg: #ffffff;
  --cc-color-surface: #f8fafc;
  --cc-color-border: #e2e8f0;
  --cc-gradient-primary-start: #2563eb;
  --cc-gradient-primary-end: #1d4ed8;
  --cc-gradient-header-start: #1e40af;
  --cc-gradient-header-end: #2563eb;
  --cc-gradient-dark-start: #1e293b;
  --cc-gradient-dark-end: #0f172a;
  --cc-radius-small: 8px;
  --cc-radius-medium: 14px;
  --cc-radius-large: 20px;
  --cc-radius-full: 99px;
  --cc-text-company-name: ChronoCheck;
  --cc-text-slogan: KI-gestützter Uhren Check;
  --cc-text-copyright: © 2026 ChronoCheck;
  --cc-text-contact-email: kontakt@chronocheck.de;
  --cc-font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --cc-font-family-heading: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --cc-font-size-base: 16px;
  --cc-font-weight-normal: 400px;
  --cc-font-weight-bold: 700px;
}