/* ═══════════════════════════════════════════════════════════════════
   JAC MOTORS — CI TOKENS
   Quelle: JAC / RSA Deutschland Markenhandbuch, Stand 28.08.2025
           (Colors / Typography / Logos, marketing.rsa.no)

   Diese Datei ist die EINZIGE Stelle mit CI-Werten.
   css/jac.css enthaelt bewusst keine Farbwerte, Schriftnamen oder
   Radien — nur var(--jac-*). Aendert JAC die CI, wird nur hier
   angefasst.

   Als "CI" markierte Werte stammen woertlich aus der Guideline.
   Als "abgel." markierte Werte sind daraus abgeleitet und muessen bei
   einem CI-Review benannt werden.
   ═══════════════════════════════════════════════════════════════════ */

:root {
    /* ── Brand Standard Colours ─────────────────────────────── */
    --jac-red:            #CC000C;   /* CI  JAC Red,   Pantone 200 C */
    --jac-black:          #11151D;   /* CI  JAC Black, Pantone Process Black C */
    --jac-white:          #FFFFFF;   /* CI  JAC White */

    /* ── Personal Car Colours ───────────────────────────────── */
    --jac-blue:           #005F7F;   /* CI  JAC Intelligent Blue, Pantone 7707 C */
    --jac-midnight:       #1C1C1B;   /* CI  JAC Midnight Black */
    --jac-tech-white:     #FFFFFF;   /* CI  JAC Tech White */

    /* ── Auxiliary Colours (Marketingmaterial) ──────────────── */
    --jac-orange:         #F04E23;   /* CI  Pantone Orange 021 C */
    --jac-aux-black:      #414042;   /* CI  Pantone Black 5 C */
    --jac-grey:           #636466;   /* CI  Pantone Cool Gray */
    --jac-green:          #00934D;   /* CI  Pantone 355 C */
    --jac-aux-blue:       #00A4E0;   /* CI  Pantone 299 C */
    --jac-light-blue:     #44C8F5;   /* CI  Pantone 2985 C */

    /* ── Semantische Rollen ─────────────────────────────────── */
    --jac-primary:        var(--jac-blue);
    --jac-primary-dark:   #004A63;   /* abgel. Hover-Zustand */
    --jac-primary-tint:   #E6F0F3;   /* abgel. helle Flaeche */
    --jac-accent:         var(--jac-red);
    --jac-accent-dark:    #A3000A;   /* abgel. Hover-Zustand */

    --jac-ink:            var(--jac-black);
    --jac-ink-soft:       var(--jac-grey);
    --jac-surface:        var(--jac-white);
    --jac-surface-alt:    #F4F5F6;   /* abgel. graue Sektionen */
    --jac-surface-dark:   var(--jac-midnight);
    --jac-border:         #DFE2E5;   /* abgel. Trennlinien */
    --jac-on-primary:     var(--jac-white);
    --jac-on-accent:      var(--jac-white);
    --jac-on-dark:        var(--jac-white);

    /* Antriebsarten — aus der Auxiliary-Palette, damit die Pills
       unterscheidbar bleiben ohne neue Farben zu erfinden */
    --jac-drive-ev:       var(--jac-green);
    --jac-drive-phev:     var(--jac-aux-blue);
    --jac-drive-fuel:     var(--jac-grey);
    /* Auf Gruen und Hellblau erreicht weisse Schrift nur 3,98:1 bzw.
       2,84:1 und faellt damit unter WCAG AA. Dunkle Schrift kommt auf
       4,60:1 bzw. 6,43:1 - so bleiben die CI-Farben unveraendert und
       die Beschriftung trotzdem lesbar. */
    --jac-on-ev:          var(--jac-black);
    --jac-on-phev:        var(--jac-black);
    --jac-on-fuel:        var(--jac-white);

    /* ── Typografie ─────────────────────────────────────────── */
    /* Guideline: Futura fuer die Marke, Roboto fuer alle Personen-
       wagen, Arial als ausdrueckliche Web-Alternative.
       Futura ist kommerziell lizenziert; die gelieferten .ttf sind
       Desktop-Lizenzen und decken KEIN Web-Embedding. Solange RSA
       keine Weblizenz bestaetigt, laeuft die Sektion auf Roboto
       (SIL OFL 1.1, selbst gehostet) mit Arial als Fallback —
       beides von der Guideline gedeckt. */
    --jac-font-display:   'Roboto', Arial, sans-serif;   /* CI */
    --jac-font-body:      'Roboto', Arial, sans-serif;   /* CI */
    --jac-weight-light:   300;   /* CI */
    --jac-weight-regular: 400;
    --jac-weight-medium:  500;   /* CI */
    --jac-weight-bold:    700;   /* CI */
    --jac-tracking-tight: -0.01em;  /* abgel. */
    --jac-tracking-wide:  0.08em;   /* abgel. Labels/Kicker */

    /* ── Form ───────────────────────────────────────────────── */
    --jac-radius-sm:      4px;    /* abgel. */
    --jac-radius-md:      8px;    /* abgel. */
    --jac-radius-lg:      16px;   /* abgel. */
    --jac-radius-pill:    999px;  /* abgel. */

    /* ── Spacing ────────────────────────────────────────────── */
    /* style.css kennt keine Spacing-Tokens — hier neu, nur fuer JAC */
    --jac-space-1:  4px;
    --jac-space-2:  8px;
    --jac-space-3:  12px;
    --jac-space-4:  16px;
    --jac-space-6:  24px;
    --jac-space-8:  32px;
    --jac-space-12: 48px;
    --jac-space-16: 64px;
    --jac-space-24: 96px;

    /* ── Elevation / Motion ─────────────────────────────────── */
    /* Erbt bewusst von mcf, damit sich die Sektion wie Teil
       derselben Website anfuehlt und nicht wie ein Fremdkoerper */
    --jac-shadow-sm:      var(--shadow-sm, 0 2px 8px rgba(0,0,0,.06));
    --jac-shadow-md:      var(--shadow-md, 0 4px 16px rgba(0,0,0,.10));
    --jac-shadow-lg:      var(--shadow-lg, 0 16px 48px rgba(0,0,0,.08));
    --jac-transition:     var(--transition, all .3s ease);

    /* ── Layout ─────────────────────────────────────────────── */
    /* .header in style.css ist position:fixed — die Sub-Navigation
       braucht diesen Wert als sticky-Offset. Aendert sich die
       Header-Hoehe, nur hier nachziehen. */
    --jac-header-h:       72px;   /* = .header-content height in style.css */
    --jac-subnav-h:       52px;

    /* ── Logo ───────────────────────────────────────────────── */
    /* Guideline: Personal Car Logo ausschliesslich in Midnight Black
       oder Tech White. Rotes Personal-Car-Logo ist untersagt.
       Mindestgroessen: Personal Car 11,3px, Wortmarke 18px
       (horizontal 10px). */
    --jac-logo-min:       12px;   /* CI-Minimum 11,3px, aufgerundet */
    --jac-logo-wordmark-min: 18px;  /* CI */
}