/* ==========================================================================
   Color Center — KARTELA
   Tokens: the RAL fan deck's own materials.
   ========================================================================== */

/* --- Faces ------------------------------------------------------------- */

@font-face {
  font-family: 'Archivo';
  font-style: normal;
  font-weight: 100 900;
  font-stretch: 62% 125%;
  font-display: swap;
  src: url('../fonts/archivo-latin-ext.woff2') format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF,
    U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020,
    U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Archivo';
  font-style: normal;
  font-weight: 100 900;
  font-stretch: 62% 125%;
  font-display: swap;
  src: url('../fonts/archivo-latin.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
    U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193,
    U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Azeret Mono';
  font-style: normal;
  font-weight: 300 700;
  font-display: swap;
  src: url('../fonts/azeret-latin-ext.woff2') format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF,
    U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020,
    U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Azeret Mono';
  font-style: normal;
  font-weight: 300 700;
  font-display: swap;
  src: url('../fonts/azeret-latin.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
    U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193,
    U+2212, U+2215, U+FEFF, U+FFFD;
}

:root {
  color-scheme: light;

  /* --- RAL Classic: the coating itself. Every colour on this site is a
         powder Color Center can actually apply. --------------------------- */
  --ral-1023: #f7b500; /* Trafik Sarısı  — marking, the primary action      */
  --ral-2004: #e75b12; /* Saf Turuncu    — tünel fırın (heat)               */
  --ral-4008: #924e7d; /* Sinyal Menekşesi — toz boya kabini                */
  --ral-5015: #2271b3; /* Gökyüzü Mavisi — sprey hattı (chemistry)          */
  --ral-6018: #57a639; /* Sarı Yeşil     — box tipi kabin ve fırın          */
  --ral-7016: #383e42; /* Antrasit Gri   — kumlama (abrasive)               */
  --ral-9005: #0a0a0d; /* Jet Siyahı                                        */
  --ral-9016: #f6f6f6; /* Trafik Beyazı                                     */
  --ral-7035: #d7d7d7; /* Açık Gri                                          */
  /* The rest of the deck — the chips that stay closed in the fan. */
  --ral-1003: #f09100; /* Sinyal Sarısı                                     */
  --ral-3020: #cc0605; /* Trafik Kırmızısı                                  */
  --ral-5005: #154889; /* Sinyal Mavisi                                     */
  --ral-6029: #00683e; /* Nane Yeşili                                       */
  --ral-8017: #442f29; /* Çikolata Kahvesi                                  */

  /* Ink that clears 4.5:1 on each field. Measured, not guessed. */
  --on-1023: #15181b;
  --on-2004: #15181b;
  --on-4008: #ffffff;
  --on-5015: #ffffff;
  --on-6018: #15181b;
  --on-7016: #ffffff;

  /* --- Chipboard: the deck body and the card stock ------------------- */
  --ink: #15181b;
  --ink-2: #3a4046;
  --ink-3: #646c74; /* 4.67:1 on --ground */
  --steel: #9aa2a9;
  --rule: #d9dde0;
  --rule-soft: #e9ecee;
  --ground: #f2f3f4;
  --paper: #ffffff;
  --chassis: #22262a;
  --chassis-2: #2e343a;
  --chassis-3: #434b52;
  --on-chassis: #f2f3f4;
  --on-chassis-2: #a8b0b7; /* 4.8:1 on --chassis */

  /* --- Roles ---------------------------------------------------------- */
  --action: var(--ral-1023);
  --on-action: var(--on-1023);
  --focus: #0b5fbe;
  --danger: #b3261e;
  --ok: #2f6d33;

  /* --- Rivet: the fan's pivot, a real steel fastener ------------------ */
  --rivet: #b4bcc3;
  --rivet-dark: #6f787f;

  /* --- Type ----------------------------------------------------------- */
  --face: 'Archivo', ui-sans-serif, system-ui, 'Segoe UI', Roboto, sans-serif;
  --face-mono: 'Azeret Mono', ui-monospace, 'Cascadia Mono', Consolas, monospace;

  /* Fluid display scale. Tracking tightens as size grows — the deck's
     own lettering is set tight and wide, never loose. */
  --t-display: clamp(2.5rem, 1.2rem + 4.6vw, 4.5rem);
  --t-h1: clamp(2.1rem, 1.1rem + 3.6vw, 3.75rem);
  --t-h2: clamp(1.65rem, 1.05rem + 2.1vw, 2.6rem);
  --t-h3: clamp(1.3rem, 1.02rem + 0.95vw, 1.75rem);
  --t-h4: clamp(1.08rem, 0.98rem + 0.38vw, 1.28rem);
  --t-body: clamp(1rem, 0.96rem + 0.16vw, 1.08rem);
  --t-sm: 0.9375rem;
  --t-xs: 0.8125rem;
  --t-code: 0.75rem;

  /* --- Measure -------------------------------------------------------- */
  --measure: 68ch;
  --measure-tight: 54ch;

  /* --- Space: a 4px base, used in named steps only ------------------- */
  --s1: 0.25rem;
  --s2: 0.5rem;
  --s3: 0.75rem;
  --s4: 1rem;
  --s5: 1.5rem;
  --s6: 2rem;
  --s7: 3rem;
  --s8: 4rem;
  --s9: 6rem;
  --s10: 8rem;

  /* Section rhythm: more space above a heading than below it. */
  --band: clamp(3.5rem, 2rem + 6vw, 7rem);
  --band-tight: clamp(2.5rem, 1.5rem + 4vw, 4.5rem);

  /* --- Shell ---------------------------------------------------------- */
  --shell: 1320px;
  --shell-narrow: 860px;
  --gutter: clamp(1.25rem, 0.5rem + 3vw, 3rem);
  --header-h: 72px;

  /* --- Chip geometry: the physical card --------------------------------- */
  --chip-r: 2px 10px 10px 2px; /* square at the rivet, rounded at the free edge */
  --chip-r-flat: 2px;

  /* --- Depth: offset plus blur, the way a stacked card actually sits --- */
  --lift-1: 0 1px 2px rgba(21, 24, 27, 0.06), 0 2px 6px rgba(21, 24, 27, 0.05);
  --lift-2: 0 2px 4px rgba(21, 24, 27, 0.07), 0 8px 20px rgba(21, 24, 27, 0.09);
  --lift-3: 0 4px 8px rgba(21, 24, 27, 0.09), 0 18px 44px rgba(21, 24, 27, 0.14);

  /* --- Motion: exponential ease-out, from an already-visible default --- */
  --ease: cubic-bezier(0.22, 1, 0.36, 1);
  --ease-in: cubic-bezier(0.55, 0, 1, 0.45);
  --fast: 160ms;
  --mid: 320ms;
  --slow: 620ms;

  --z-header: 60;
  --z-drawer: 80;
  --z-skip: 100;
}