/* Design tokens — 1:1 port of website-v5 src/lib/styled/theme.ts +
   src/lib/motion/tokens.ts. Single source of truth for the child theme.

   Breakpoints (media queries can't read custom properties — keep this table in
   sync with website-v5 src/lib/styled/media.ts; desktop-first, max-width):
     xss 430 | xs 480 | sm 768 | gridMd 991 | md 1024 | header 1160 | xl 1200 | xxl 1440

   Scale rule (website-v5 docs/frontend.md § "Design scale"): values measured in
   the Figma (2114px frames) are rendered at 70%. CSS copied from v5 source is
   already reduced — use verbatim. */

:root {
  /* Brand */
  --ckl-dark: #151515;
  --ckl-blue: #0227e9;
  --ckl-white: #fff;
  --ckl-gray: #f4f4f4;
  --ckl-dark-gray: #313131;
  --ckl-lilac: #d4c8ee;
  --ckl-aqua-blue: #b8dbdf;
  --ckl-medium-gray: #c5c5c5;
  --ckl-light-gray: #dbdbdb;
  --ckl-button-primary: #121012;
  --ckl-hover-links: #d4c9ed;

  /* Semantic */
  --ckl-background-alt: #f4f4f4;
  --ckl-text: #151515;
  --ckl-text-muted: color-mix(in srgb, #151515 58%, #fff);
  --ckl-text-inverse: #fff;
  --ckl-text-muted-on-dark: color-mix(in srgb, #fff 72%, #313131);
  --ckl-border: #c5c5c5;
  --ckl-link-hover-on-dark: #00d0f8;
  --ckl-error: #c1121f;
  --ckl-error-on-dark: #ffb4ab; /* v5 theme.ts:44 — error text over the blue slab */

  /* Typography (stacks mirror theme.ts: web font → metric-adjusted fallback → system) */
  --ckl-font-title: "Special Gothic Condensed One", "Special Gothic Condensed One Fallback", "Arial Narrow", "Helvetica Neue Condensed", sans-serif;
  --ckl-font-text: "Special Gothic", "Special Gothic Fallback", arial, helvetica, sans-serif;
  --ckl-font-tag: "Iosevka Charon Mono", "Iosevka Charon Mono Fallback", "Courier New", courier, monospace;
  --ckl-fw-title: 700;
  --ckl-fw-text: 400;
  --ckl-fw-tag: 500;

  /* Layout */
  --ckl-container-max: 83.3125rem; /* 1333px @16 */

  /* Motion (motion/tokens.ts + hover-sweep.ts) */
  --ckl-ease-entrance: cubic-bezier(0.16, 1, 0.3, 1);
  --ckl-ease-panel: cubic-bezier(0.22, 1, 0.36, 1);
  --ckl-dur-fast: 0.4s;
  --ckl-dur-base: 0.6s;
  --ckl-dur-slow: 0.8s;
  --ckl-sweep-duration: 0.5s;
  --ckl-sweep-transition: background-size 0.5s cubic-bezier(0.16, 1, 0.3, 1);
}