/* FREQUENCY HOUSE tokens: the single source of truth. Re-skin here first.
   Identity: a mastering console. Graphite desk, faceplate silver, VU amber. */

@font-face {
  font-family: "Chivo";
  src: url("../fonts/chivo-var.woff2") format("woff2");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Chivo Mono";
  src: url("../fonts/chivo-mono-var.woff2") format("woff2");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

:root {
  /* primitives */
  --desk: #202024;        /* desk graphite */
  --desk-2: #26262b;
  --desk-3: #2d2d33;
  --plate: #c9cbd1;       /* faceplate silver */
  --plate-2: #bec0c7;
  --plate-3: #b2b4bc;
  --white: #f2f3f5;
  --vu-bright: #e8b04b;   /* VU amber, bright: AA 8.3:1 on graphite */
  --vu-deep: #b97e1b;     /* VU amber, deep: fills, tape, large marks */
  --vu-ink: #6e4a0e;      /* VU amber, ink strength: AA 4.9:1 text on silver */

  /* semantic (desk theme is the default) */
  --bg: var(--desk);
  --bg-2: var(--desk-2);
  --bg-3: var(--desk-3);
  --fg: var(--plate);
  --bright: var(--white);
  --muted: #9a9ba3;
  --line: rgba(201, 203, 209, 0.16);
  --line-strong: rgba(201, 203, 209, 0.45);
  --accent: var(--vu-bright);
  --accent-fill: var(--vu-deep);
  --tape: var(--vu-bright);
  --tape-ink: #2a1d05;
  --focus: var(--vu-bright);

  /* type */
  --font-body: "Chivo", "Helvetica Neue", Arial, sans-serif;
  --font-mono: "Chivo Mono", "SF Mono", Menlo, monospace;
  --t-display: clamp(2.4rem, 8.5vw, 7.5rem);
  --t-h1: clamp(2.2rem, 6vw, 5rem);
  --t-h2: clamp(1.7rem, 3.8vw, 3.1rem);
  --t-h3: clamp(1.2rem, 2.2vw, 1.6rem);
  --t-lead: clamp(1.1rem, 1.7vw, 1.35rem);
  --t-body: 1.0625rem;
  --t-small: 0.875rem;
  --t-mono: 0.72rem;
  --lh-tight: 0.95;
  --lh-heading: 1.05;
  --lh-body: 1.6;
  --track-mono: 0.13em;

  /* space */
  --s-1: 0.25rem;
  --s-2: 0.5rem;
  --s-3: 0.75rem;
  --s-4: 1rem;
  --s-5: 1.5rem;
  --s-6: 2rem;
  --s-7: 3rem;
  --s-8: 4rem;
  --s-9: 6rem;
  --strip-pad: clamp(5rem, 12vh, 9rem);   /* uniform section rhythm */
  --gutter: clamp(1rem, 2.5vw, 1.5rem);
  --edge: clamp(1.25rem, 4vw, 3.5rem);
  --rail-w: clamp(2.4rem, 4vw, 3.6rem);   /* fader rail column */
  --measure: 38rem;
  --max-w: 82rem;

  /* shape + depth */
  --r-1: 3px;
  --r-2: 8px;
  --r-cap: 5px;                            /* fader cap corner */
  --shadow-cap: 0 2px 6px rgba(0, 0, 0, 0.5);

  /* motion */
  --dur-1: 150ms;
  --dur-2: 320ms;
  --dur-3: 620ms;
  --ease-out: cubic-bezier(0.19, 1, 0.22, 1);
  --ease-inout: cubic-bezier(0.83, 0, 0.17, 1);

  /* layers */
  --z-transport: 40;
  --z-patch-overlay: 50;
  --z-skip: 60;
}

/* faceplate theme: any element with data-theme="plate" flips the semantic set */
[data-theme="plate"] {
  --bg: var(--plate);
  --bg-2: var(--plate-2);
  --bg-3: var(--plate-3);
  --fg: var(--desk);
  --bright: #131316;
  --muted: #44454c;
  --line: rgba(32, 32, 36, 0.2);
  --line-strong: rgba(32, 32, 36, 0.5);
  --accent: var(--vu-ink);
  --accent-fill: var(--vu-deep);
  --tape: var(--vu-deep);
  --tape-ink: #1c1303;
  --focus: #131316;
}