/* SYSTEM: RIVENBARK-PORTFOLIO-SCAFFOLD  |  GOVERNING REGISTRY: ODT-SYS001 (pending token drop — currently unaffiliated scaffold)  |  FORKED FROM: design-system-boilerplate */

/* ============================================================
   TOKEN SHEET — every visual decision routes through here.
   Values below are NEUTRAL SCAFFOLD DEFAULTS so the shell
   renders during construction. The Claude Design run overwrites
   this file with the adapted ODT-SYS001 export. Components never
   hardcode values — var() only — so the skin swap is one file.
   /* FILL */ marks slots awaiting ratified system values.
   ============================================================ */

:root {
  /* ---- Fonts ---------------------------------------------- */
  --font-display: Georgia, "Times New Roman", serif;            /* FILL: display voice per Design run */
  --font-body: -apple-system, "Segoe UI", Roboto, sans-serif;   /* FILL: body voice (ODDDT web law: Jura) */
  --font-mono: "Cascadia Code", Consolas, monospace;            /* FILL: telemetry/data voice */

  /* ---- Color seed (HSL decomposed — no hex anywhere) ------ */
  --hue: 220;         /* FILL */
  --sat: 8%;          /* FILL */
  --hue-accent: 220;  /* FILL — one accent, page-wide, sat < 80% */
  --sat-accent: 60%;  /* FILL */

  /* ---- Lightness ladder (light-mode base; ~10% steps) ----- */
  --l-page: 97%;      /* page field — never pure white */
  --l-1: 93%;         /* elevated card */
  --l-2: 88%;         /* hover / floating */
  --l-ink: 12%;       /* primary text — never pure black */
  --l-ink-2: 38%;     /* secondary text */
  --l-line: 82%;      /* hairlines */

  /* ---- Derived surfaces ----------------------------------- */
  --c-page: hsl(var(--hue) var(--sat) var(--l-page));
  --c-card: hsl(var(--hue) var(--sat) var(--l-1));
  --c-card-hover: hsl(var(--hue) var(--sat) var(--l-2));
  --c-ink: hsl(var(--hue) var(--sat) var(--l-ink));
  --c-ink-2: hsl(var(--hue) var(--sat) var(--l-ink-2));
  --c-line: hsl(var(--hue) var(--sat) var(--l-line));
  --c-accent: hsl(var(--hue-accent) var(--sat-accent) 34%);
  --c-focus: hsl(var(--hue-accent) var(--sat-accent) 44%);

  /* ---- Type scale (one base, ±2px steps, rem only) -------- */
  --fs-sm: 0.875rem;   /* 14 */
  --fs-base: 1rem;     /* 16 — base */
  --fs-lg: 1.125rem;   /* 18 */
  --fs-display: 2rem;  /* single display exemption; weight steps DOWN at this size */

  --w-regular: 400;
  --w-medium: 500;
  --w-semibold: 600;
  --w-bold: 700;

  --lh-tight: 1.15;
  --lh-normal: 1.4;
  --lh-body: 1.5;

  /* ---- Elevation (multi-layer, tinted, one light direction) */
  --shadow-l1:
    inset 0 1px 0 hsl(var(--hue) var(--sat) 100% / 0.7),
    0 1px 2px hsl(var(--hue) var(--sat) 20% / 0.08),
    0 2px 6px hsl(var(--hue) var(--sat) 20% / 0.06);
  --shadow-l2:
    inset 0 1px 0 hsl(var(--hue) var(--sat) 100% / 0.7),
    0 2px 4px hsl(var(--hue) var(--sat) 20% / 0.10),
    0 6px 16px hsl(var(--hue) var(--sat) 20% / 0.08);

  /* ---- Motion --------------------------------------------- */
  --dur-fast: 150ms;
  --dur-normal: 240ms;
  --ease-standard: cubic-bezier(0.2, 0, 0, 1);

  /* ---- Layout --------------------------------------------- */
  --measure: 65ch;
  --space-1: 0.5rem;
  --space-2: 1rem;
  --space-3: 2rem;
  --space-4: 4rem;
  --wrap-max: 72rem;
  --tap-floor: 44px;   /* ODDDT 44px floor carries over */
  --radius: 2px;       /* FILL: shape lock per Design run — one radius system site-wide */
}