/* mobilsale24.de — Design Tokens (1:1 nach mobilsale24.de Designsystem) */

:root{
  /* ---- Primitive Palette (mobilsale24.de) ---- */
  --color-white:#FFFFFF;
  --color-black:#000000;

  --color-neutral-1100:#101014;
  --color-neutral-1000:#14141A;
  --color-neutral-900:#1B1B21;
  --color-neutral-800:#2A2B33;
  --color-neutral-700:#42454F;
  --color-neutral-600:#5D616B;
  --color-neutral-500:#7E838F;
  --color-neutral-400:#9EA4AD;
  --color-neutral-300:#B9BFC7;
  --color-neutral-200:#D5DAE0;
  --color-neutral-100:#E6EAF0;
  --color-neutral-050:#F5F7FA;

  /* ---- Markenskala Blau (#3564e8) ---- */
  --color-brand-1000:#0E1A3D;
  --color-brand-900:#142450;
  --color-brand-800:#1B3473;
  --color-brand-700:#1D43B0;
  --color-brand-600:#2350D4;
  --color-brand-500:#3564E8;
  --color-brand-400:#5B82F5;
  --color-brand-300:#8FA8F6;
  --color-brand-200:#BACBFB;
  --color-brand-100:#DBE4FD;
  --color-brand-050:#EEF2FE;

  --color-purple-1000:#0E1A3D;
  --color-purple-900:#142450;
  --color-purple-800:#1B3473;
  --color-purple-700:#2350D4;
  --color-purple-200:#BACBFB;
  --color-purple-050:#EEF2FE;

  --color-blue-1100:#0C0D1F;
  --color-blue-1000:#101229;
  --color-blue-900:#181C3D;
  --color-blue-800:#242C59;
  --color-blue-700:#344175;
  --color-blue-600:#465991;
  --color-blue-200:#BAD5FF;
  --color-blue-050:#E4EEFD;

  --color-green-800:#256141;
  --color-green-700:#35855A;
  --color-green-100:#D6F2E3;
  --color-green-050:#E8FCF1;

  --color-yellow-700:#85550D;
  --color-yellow-500:#BF8415;
  --color-yellow-300:#EDC568;
  --color-yellow-100:#FAEEC8;

  /* ---- Marke / Aktion ---- */
  --color-primary:#3564E8;          /* Markenblau = ButtonPrimary / Links */
  --color-primary-hover:#2350D4;    /* Blau 600 */
  --color-primary-active:#1D43B0;   /* Blau 700 */
  --color-primary-contrast:#FFFFFF;
  --color-primary-soft:#EEF2FE;     /* Blau 050 */
  --color-primary-rgb:53,100,232;

  /* Feature (Tiefblau) & Akzent (Blau) – kühle, kurumsal Sekundärfarben */
  --color-feature:#1B3473;
  --color-feature-soft:#E4EEFD;
  --color-accent:#2350D4;
  --color-accent-soft:#E4EEFD;

  /* Hero (mobilsale24.de Blau-Verlauf) */
  --color-hero-1:#242C59;
  --color-hero-2:#181C3D;
  --color-hero-3:#101229;

  /* ---- Flächen ---- */
  --color-bg:#E6EAF0;               /* background-secondary = Seiten-Hintergrund */
  --color-bg-alt:#F5F7FA;           /* background-highlight */
  --color-surface:#FFFFFF;          /* background-primary = Karten/Module */
  --color-surface-2:#F5F7FA;
  --color-header-bg:#FFFFFF;        /* mobilsale24.de Header ist hell */
  --color-header-text:#1B1B21;
  --color-header-text-hover:#3564E8;
  --color-header-border:#D5DAE0;
  --color-footer-bg:#101014;        /* neutral-1100 */
  --color-footer-text:#E6EAF0;      /* neutral-100 */
  --color-footer-heading:#FFFFFF;

  /* ---- Text ---- */
  --color-text:#1B1B21;             /* content-lead = neutral-900 */
  --color-text-secondary:#5D616B;   /* content-secondary = neutral-600 */
  --color-text-muted:#7E838F;       /* content-silent = neutral-500 */
  --color-text-disabled:#9EA4AD;    /* neutral-400 */
  --color-link:#2350D4;             /* content-action */
  --color-link-hover:#1D43B0;

  /* ---- Linien ---- */
  --color-border:#D5DAE0;           /* background-contrast */
  --color-border-strong:#B9BFC7;    /* neutral-300 */
  --color-divider:#E6EAF0;          /* neutral-100 */

  /* ---- Status ---- */
  --color-success:#256141; --color-success-bg:#E8FCF1;
  --color-warning:#85550D; --color-warning-bg:#FAEEC8;
  --color-danger:#DC2626;  --color-danger-bg:#FEE2E2;
  --color-info:#344175;    --color-info-bg:#E4EEFD;

  /* Preisbewertung (mobilsale24.de Rating-Skala) */
  --price-very-good:#256141; --price-good:#35855A; --price-fair:#43A771;
  --price-increased:#EDC568; --price-high:#BF8415;

  --rating-star:#BF8415;            /* yellow-500 */
  --overlay:rgba(10,14,26,.28);

  /* ---- Typografie ---- */
  --font-sans:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  --fs-2xs:.6875rem; --fs-xs:.75rem; --fs-sm:.875rem; --fs-md:1rem;
  --fs-lg:1.125rem; --fs-xl:1.375rem; --fs-2xl:1.75rem; --fs-3xl:2.25rem; --fs-4xl:3rem;
  --fw-regular:400; --fw-medium:500; --fw-semibold:600; --fw-bold:700;
  --lh-tight:1.18; --lh-snug:1.3; --lh-normal:1.5; --lh-relaxed:1.65;
  /* Feinabstimmung der Laufweite (kurumsal, premium) */
  --ls-tighter:-.022em; --ls-tight:-.012em; --ls-normal:0; --ls-wide:.02em; --ls-wider:.06em;

  /* ---- Abstände (mobilsale24.de base 9px) ---- */
  --sp-1:.25rem; --sp-2:.5rem; --sp-3:.75rem; --sp-4:1rem; --sp-5:1.25rem;
  --sp-6:1.5rem; --sp-8:2rem; --sp-10:2.5rem; --sp-12:3rem; --sp-16:4rem;

  /* ---- Radius (mobilsale24.de) ---- */
  --radius-xs:2px; --radius-sm:6px;  /* form-small */
  --radius-md:8px;                   /* form */
  --radius-lg:12px;                  /* content */
  --radius-xl:16px;                  /* background */
  --radius-pill:999px;

  /* ---- Schatten (weiche, mehrschichtige Elevation — premium) ---- */
  --shadow-xs:0 0 0 1px rgba(16,20,40,.05);
  --shadow-sm:0 1px 2px rgba(16,20,40,.04),0 2px 6px rgba(16,20,40,.05);
  --shadow-md:0 2px 4px rgba(16,20,40,.04),0 6px 16px -2px rgba(16,20,40,.08),0 12px 28px -6px rgba(16,20,40,.08);
  --shadow-lg:0 4px 10px rgba(16,20,40,.05),0 18px 36px -8px rgba(16,20,40,.12),0 40px 64px -16px rgba(16,20,40,.14);
  --shadow-dropdown:0 4px 10px rgba(16,20,40,.08),0 12px 28px -6px rgba(16,20,40,.14);
  --shadow-modal:0 12px 24px rgba(16,20,40,.14),0 40px 72px -16px rgba(16,20,40,.28);
  --shadow-focus:0 0 0 3px var(--color-primary-soft);

  /* ---- Layout ---- */
  --container-max:1290px;
  --container-pad:18px;
  --header-h:64px;

  /* z-index */
  --z-sticky:100; --z-header:200; --z-dropdown:300;
  --z-overlay:400; --z-modal:500; --z-toast:600; --z-tooltip:700;

  /* Animation */
  --ease:cubic-bezier(.4,0,.2,1);
  --dur-fast:120ms; --dur:200ms; --dur-slow:320ms;
}

[data-theme="dark"]{
  --color-primary:#5B82F5;          /* helleres Markenblau für Dunkel */
  --color-primary-hover:#8FA8F6;
  --color-primary-active:#8FA8F6;
  --color-primary-contrast:#FFFFFF;
  --color-primary-soft:#142450;
  --color-primary-rgb:91,130,245;

  --color-feature:#8FA8F6;
  --color-feature-soft:#142450;
  --color-accent:#BAD5FF;
  --color-accent-soft:#242C59;

  --color-hero-1:#1B234D;
  --color-hero-2:#14141A;
  --color-hero-3:#101014;

  --color-bg:#14141A;               /* neutral-1000 */
  --color-bg-alt:#1B1B21;
  --color-surface:#1B1B21;          /* neutral-900 */
  --color-surface-2:#2A2B33;
  --color-header-bg:#1B1B21;
  --color-header-text:#E6EAF0;
  --color-header-text-hover:#5B82F5;
  --color-header-border:#2A2B33;
  --color-footer-bg:#101014;
  --color-footer-text:#B9BFC7;
  --color-footer-heading:#FFFFFF;

  --color-text:#E6EAF0;
  --color-text-secondary:#B9BFC7;
  --color-text-muted:#7E838F;
  --color-text-disabled:#5D616B;
  --color-link:#8FA8F6;
  --color-link-hover:#BACBFB;

  --color-border:#2A2B33;
  --color-border-strong:#42454F;
  --color-divider:#2A2B33;

  --color-success:#35855A; --color-success-bg:#0E291B;
  --color-warning:#EDC568; --color-warning-bg:#45260A;
  --color-danger:#F87171;  --color-danger-bg:#3B1212;
  --color-info:#BAD5FF;    --color-info-bg:#242C59;

  --rating-star:#EDC568;
  --overlay:rgba(0,0,0,.6);

  --shadow-xs:0 0 0 1px rgba(0,0,0,.5);
  --shadow-sm:0 1px 2px rgba(0,0,0,.4),0 2px 6px rgba(0,0,0,.35);
  --shadow-md:0 4px 12px rgba(0,0,0,.45),0 12px 28px -6px rgba(0,0,0,.5);
  --shadow-lg:0 18px 36px -8px rgba(0,0,0,.6),0 40px 64px -16px rgba(0,0,0,.6);
  --shadow-dropdown:0 8px 24px rgba(0,0,0,.55);
  --shadow-modal:0 24px 60px rgba(0,0,0,.7);
  --shadow-focus:0 0 0 3px rgba(91,130,245,.25);
}