/* ============================================================
   KOLLOSCHE — Design System Tokens
   Typeface: Söhne Breit (Kollosche).  Primary: Prestige Blue.
   ============================================================ */

/* ---- Söhne Breit (Kollosche) ----------------------------------
   Available weights (transferred intact): Leicht 300, Buch 400,
   Kräftig 500, Halbfett 600.
   Remaining weights (Dreiviertelfett 700, Extrafett 800,
   Extraleicht 200) are pending a clean re-upload — declare them
   here once the files land; the system already references them by
   weight so they slot straight in.
----------------------------------------------------------------- */
@font-face {
  font-family: "Söhne Breit";
  src: url("fonts/SohneBreit-Leicht.otf") format("opentype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Söhne Breit";
  src: url("fonts/SohneBreit-Buch.otf") format("opentype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Söhne Breit";
  src: url("fonts/SohneBreit-Kraftig.otf") format("opentype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Söhne Breit";
  src: url("fonts/SohneBreit-Halbfett.otf") format("opentype");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

:root {
  /* ---- Brand colour ---- */
  --k-blue:        #081B3D;   /* Prestige Blue — primary */
  --k-blue-90:     #14274a;
  --k-blue-75:     #2c3c5c;
  --k-white:       #ffffff;

  /* Neutral support (derived, cool greys that sit with the navy) */
  --k-paper:       #f6f6f3;   /* warm off-white page */
  --k-mist:        #eceef0;
  --k-line:        #d7dbe0;
  --k-grey:        #8b929c;
  --k-ink-60:      rgba(8,27,61,.60);
  --k-ink-40:      rgba(8,27,61,.40);

  /* ---- Accent (RESTRAINED — small touches only) ----
     Provisional value; confirm exact Kollosche orange.
     Never use as a large fill, background, or dominant highlight. */
  --k-accent:      #E0531F;

  /* ---- Type ---- */
  --k-font: "Söhne Breit", "Söhne", "Helvetica Neue", Helvetica, Arial, sans-serif;

  /* ---- Spacing scale ---- */
  --s-1: 4px;  --s-2: 8px;  --s-3: 12px; --s-4: 16px;
  --s-5: 24px; --s-6: 32px; --s-7: 48px; --s-8: 64px;
  --s-9: 96px; --s-10: 128px;

  --maxw: 1200px;
}

* { box-sizing: border-box; }
html { -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; }
body {
  margin: 0;
  font-family: var(--k-font);
  font-weight: 400;
  color: var(--k-blue);
  background: var(--k-paper);
  line-height: 1.5;
}

/* Brand utility: tracked uppercase eyebrow / label */
.k-eyebrow {
  font-weight: 400;
  font-size: 12px;
  letter-spacing: .28em;
  text-transform: uppercase;
}