/* ==========================================================================
   BLINKER AUTOKORJAAMO — design-tokenit
   DNA: "Valot päälle" — yöhalli jossa valo ohjaa katsetta.
   Kulta on VALOA, ei koristetta: gradientit vain hehkuina.
   ========================================================================== */

/* ---- Fontit (self-hosted, assets/fonts/) ---- */

@font-face {
  font-family: 'Cabinet Grotesk';
  src: url('../../assets/fonts/cabinet-grotesk-500.woff2') format('woff2');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Cabinet Grotesk';
  src: url('../../assets/fonts/cabinet-grotesk-700.woff2') format('woff2');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Cabinet Grotesk';
  src: url('../../assets/fonts/cabinet-grotesk-800.woff2') format('woff2');
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Instrument Sans';
  src: url('../../assets/fonts/instrument-sans-var.woff2') format('woff2');
  font-weight: 400 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Space Mono';
  src: url('../../assets/fonts/space-mono-400.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Space Mono';
  src: url('../../assets/fonts/space-mono-700.woff2') format('woff2');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

:root {
  /* ---- Näyttämö: lämpimät mustat (kulta vaatii lämpimän pohjan) ---- */
  --bg-stage: #070605;      /* heron syvin musta */
  --bg-0: #0b0a08;          /* sivun pohja */
  --bg-1: #12100c;          /* korotettu pinta / vuorotteleva sektio */
  --bg-2: #1a1712;          /* kortit, paneelit */
  --bg-3: #232019;          /* hover-pinnat */

  /* ---- Valo: kulta ja amber ---- */
  --gold: #d4a53f;          /* brändikulta — reunat, otsikkoaksentit */
  --gold-bright: #ebc366;   /* kirkas kulta — isot otsikkokorostukset */
  --gold-dim: #8f7233;      /* himmennetty kulta — passiiviset reunat */
  --amber: #ff9d2e;         /* ajovalo, vilkku, CTA */
  --amber-deep: #e07f00;    /* CTA hover / painettu */
  --amber-glow: rgba(255, 157, 46, 0.16);
  --gold-glow: rgba(212, 165, 63, 0.12);

  /* ---- Teksti (AA-testattu mustilla pohjilla) ---- */
  --text: #f4efe6;          /* pääteksti — lämmin valkoinen */
  --text-dim: #cbc4b4;      /* toissijainen */
  --text-mute: #a49c88;     /* metadata, kuvatekstit (>=5.9:1 bg-0:lla) */
  --text-on-amber: #140d03; /* CTA-teksti amber-pohjalla */

  /* ---- Viivat ---- */
  --line: #29251c;                        /* neutraali hiusviiva */
  --line-gold: rgba(212, 165, 63, 0.28);  /* kultareuna (laatat) */
  --line-gold-soft: rgba(212, 165, 63, 0.14);

  /* ---- Rekisterikilpi (varaosat-motiivi) ---- */
  --plate-bg: #f6f4ee;
  --plate-text: #14130f;
  --plate-eu: #003399;

  /* ---- Typografia ---- */
  --font-display: 'Cabinet Grotesk', 'Arial Narrow', sans-serif;
  --font-body: 'Instrument Sans', 'Segoe UI', sans-serif;
  --font-mono: 'Space Mono', 'Consolas', monospace;

  --fs-hero: clamp(2.75rem, 8vw, 5.75rem);
  --fs-h2: clamp(2rem, 4.5vw, 3.4rem);
  --fs-h3: clamp(1.2rem, 1.8vw, 1.35rem);  /* paneeli-/asideotsikot */
  --fs-h4: 1.1rem;                          /* korttien alaotsikot */
  --fs-xs: 0.8rem;                          /* fine print */
  --fs-lead: clamp(1.05rem, 1.6vw, 1.25rem);
  --fs-body: 1rem;
  --fs-small: 0.875rem;
  --fs-label: 0.72rem;      /* mono-mikrolabelit */

  --ls-tight: -0.025em;     /* isot otsikot */
  --ls-label: 0.18em;       /* uppercase-labelit */
  --ls-label-sm: 0.12em;    /* pienet kuvatekstilabelit */
  --lh-display: 1.02;
  --lh-body: 1.65;

  /* ---- Tila ---- */
  --space-1: 0.5rem;
  --space-2: 1rem;
  --space-3: 1.5rem;
  --space-4: 2.5rem;
  --space-5: 4rem;
  --space-6: 6.5rem;
  --space-section: clamp(5rem, 12vh, 9rem);
  --container: 72rem;
  --container-wide: 82rem;
  --gutter: clamp(1.25rem, 4vw, 2.5rem);

  /* ---- Muoto ---- */
  --radius-s: 6px;
  --radius: 12px;
  --radius-l: 20px;

  /* ---- Motion: syttymisiä, ei liukuja ---- */
  --ease-ignite: cubic-bezier(0.16, 1, 0.3, 1);   /* pehmeä sytytys */
  --ease-snap: cubic-bezier(0.77, 0, 0.175, 1);   /* vilkun napsahdus */
  --dur-fast: 180ms;
  --dur: 420ms;
  --dur-slow: 850ms;
  --blink-cycle: 6s;        /* vilkku-sliderin kierto */

  /* ---- Kerrokset ---- */
  --z-beam: 40;
  --z-header: 100;
  --z-menu: 90;
  --z-skip: 200;
}