/* ConsoleMouse "Keycap" design tokens. Canonical copy: keycap/brand/tokens.css
   (website/assets/tokens.css is a verbatim copy; keep both in sync). */
:root {
  /* colour */
  --cm-signal: #F0452B;        /* red: mouse, primary buttons, "on" keys */
  --cm-signal-edge: #A82B17;   /* red key/button underside */
  --cm-signal-text: #C8361F;   /* red for text on light ground (large text only, 4.2:1) */
  --cm-graphite: #1B1B1F;      /* ink, dark band, keys in logo */
  --cm-graphite-key: #2B2B31;  /* dark key face */
  --cm-graphite-edge: #0B0B0D; /* dark key underside */
  --cm-ground: #ECE8E1;        /* page ground */
  --cm-ground-2: #DDD7CC;      /* scene floor */
  --cm-card: #F7F4EE;          /* text on dark, light card */
  --cm-key: #FBF9F5;           /* key face */
  --cm-edge: #CEC7BB;          /* key underside, rules, desk */
  --cm-keycap-idle: #E3DED5;   /* idle keys on the scene keyboard */
  --cm-muted: #5F5B55;         /* secondary text on ground (5.4:1) */
  --cm-muted-dark: #A7A39B;    /* secondary text on graphite (7.4:1) */
  --cm-track: #A7A096;         /* dashed signal rails */

  /* type */
  --cm-font-display: 'Unbounded', sans-serif;   /* 800, tracking -0.035em, lh 1.03 */
  --cm-font-word: 'Unbounded', sans-serif;      /* wordmark: 600, tracking -0.045em, lh 1 */
  --cm-font-body: 'Onest', sans-serif;          /* 400/500/700, 17px, lh 1.5 */
  --cm-font-mono: 'JetBrains Mono', monospace;  /* 500/700, tracking .06em, uppercase, 12.5px */
  --cm-track-display: -0.035em;
  --cm-track-word: -0.045em;
  --cm-track-mono: 0.06em;
  --cm-size-body: 17px;
  --cm-size-h1: clamp(38px, 6.2vw, 84px);
  --cm-size-h2: clamp(30px, 4.6vw, 60px);

  /* radii */
  --cm-r-key: 19%;       /* key corner, relative to key size */
  --cm-r-btn: 14px;
  --cm-r-field: 14px;
  --cm-r-card: 28px;
  --cm-r-stage: 24px;
  --cm-r-pill: 99px;

  /* key shadow recipe (set --edge per key; em-based so it scales with the key) */
  --cm-key-shadow: 0 .13em 0 var(--edge, var(--cm-edge)), 0 .2em .28em rgba(27,27,31,.2);
  --cm-key-shadow-down: 0 .04em 0 var(--edge, var(--cm-edge)), 0 .07em .1em rgba(27,27,31,.2);
  --cm-key-down-shift: .09em;            /* translateY when pressed */
  --cm-btn-shadow: 0 6px 0 var(--cm-signal-edge);  /* hover: 4px + 2px shift, active: 1px + 5px shift */

  /* motion */
  --cm-t-press: .12s;                    /* key/button press transition */
  --cm-t-tap: 3.6s;                      /* hero key tap loop; delays W 0, A .4s, S .8s, mouse 1.9s */
  --cm-t-slide: .9s;                     /* keyboard + mouse slide between TV and PC */
  --cm-ease-slide: cubic-bezier(.6, 0, .2, 1);
  --cm-t-signal: 1.5s;                   /* signal run, linear; second signal offset -.75s */
  --cm-t-step: 2800ms;                   /* auto-advance of the three steps */
}