/* Generated from client-visual-language/client-visual-language.css. */
/* Token source for the Corpus client portal only. Onyx keeps its own copy unchanged. */

:root {
  color-scheme: dark;

  --bg: #0D0C0A;
  --bg-rail: #11100D;
  --surface: #17150F;
  --surface-2: #221E18;
  --avatar: #26221D;

  --text: #F2EFE6;
  --text-2: #DAD6CC;
  --muted: #A8A296;
  --faint: #6E6960;

  --accent: #D98E4A;
  --accent-hover: #E5A466;
  --on-accent: #1A1510;
  --accent-soft: rgba(217,142,74,.06);

  --good: #7FB88A;
  --warn: #D9B36A;
  --bad: #C96F5E;

  --rule: rgba(242,239,230,.10);
  --rule-strong: rgba(242,239,230,.22);
  --rule-soft: rgba(242,239,230,.08);

  /* Aliases so existing call sites keep compiling. New rules use the names above. */
  --ink: var(--text);
  --rule-2: var(--rule-strong);
  --accent-ink: var(--on-accent);

  /* Unused here; kept for Onyx. */
  --trace: #C0673E;

  /* Unused here; kept for Onyx. The brain illustration on a hidden staff surface still uses these. */
  --bp-ink: #F2EFE6;
  --bp-accent: #D98E4A;
  --bp-trace: #C0673E;

  --font-display: "Libre Baskerville", Georgia, serif;
  --font-ui: "Satoshi", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-mono: ui-monospace, "SF Mono", Menlo, monospace;

  /* Type: font shorthand custom properties (size/line-height baked in). Phone sizes are extra shorthands. */
  --t-greeting: italic 400 84px/84px var(--font-display);
  --t-greeting-tracking: -0.02em;
  --t-greeting-phone: italic 400 44px/48px var(--font-display);
  --t-title: 400 40px/44px var(--font-display);
  --t-title-phone: 400 32px/36px var(--font-display);
  --t-display-s: 400 28px/32px var(--font-display);
  --t-item: 500 17px/24px var(--font-ui);
  --t-body: 400 15px/22px var(--font-ui);
  --t-ui: 500 14px/20px var(--font-ui);
  --t-label: 700 13px/18px var(--font-ui);
  --t-meta: 400 12px/16px var(--font-ui);

  --r-s: 6px;
  --r-m: 10px;
  --r-l: 16px;
  --r-pill: 999px;
  --r: var(--r-m);

  --sh-panel: 0 24px 60px rgba(0,0,0,.5);
  --sh-toast: 0 8px 24px rgba(0,0,0,.4);

  --d-fast: 120ms;
  --d-base: 200ms;
  --d-panel: 280ms;
  --ease: cubic-bezier(.2,.7,.2,1);
}

body {
  background: var(--bg);
  color: var(--ink);
  font-family: var(--font-ui);
}