:root {
  /* Foundation — Showcase's OWN lit-dark: amber/umber "lamplight", not
     sirocco's oxblood/wine. Warm golden-brown bloom falling off to warm black,
     with a faint cool counter-current (the teal spark) in the far corner. */
  --sc-black: #100b07;       /* warm umber-black */
  --sc-glow-1: rgba(158, 106, 46, 0.50); /* honey/amber bloom core */
  --sc-glow-2: rgba(86, 56, 26, 0.30);   /* mid falloff */
  --sc-glow-cool: rgba(44, 84, 76, 0.20);/* faint teal counter-current */

  --sc-bg: #100b07;
  --sc-paper: #1c140d;       /* raised plane, barely lifted from the dark */
  --sc-paper-raised: #221810;
  --sc-blush: #2c2014;

  /* Ink — warm ivory */
  --sc-ink: #efe5d6;
  --sc-ink-soft: #d6c6b1;
  --sc-ink-muted: #9c8a76;
  --sc-meta: #7e6e5c;        /* mono labels */
  --sc-dim: #5b4d40;         /* trailing period, frame furniture */

  /* Structure — warm hairlines only */
  --sc-line: rgba(239, 229, 214, 0.13);
  --sc-line-soft: rgba(239, 229, 214, 0.07);
  --sc-line-warm: #352318;

  /* Accent — a WEATHERED teal spark: dusty verdigris, dirt under the
     fingernails. Greyed-down so it reads as aged copper, not fresh paint. */
  --sc-accent: #678175;
  --sc-accent-deep: #7a9387;
  --sc-accent-border: rgba(103, 129, 117, 0.55);
  --sc-ember: #b6713a;       /* banked warm, kept in reserve */

  /* Type */
  --sc-font-display: "Fraunces", Georgia, "Times New Roman", serif;
  --sc-font-mono: "IBM Plex Mono", "SFMono-Regular", Consolas, ui-monospace, monospace;
  --sc-font-sans: "InterVar", Inter, ui-sans-serif, system-ui, sans-serif;

  --sc-radius-sm: 2px;
  --sc-radius-md: 4px;
  --sc-radius-lg: 6px;

  --sc-shadow-plane: 0 1px 0 rgba(239, 229, 214, 0.05) inset, 0 40px 80px -40px rgba(0, 0, 0, 0.9);

  /* Atmosphere knobs — the only things that differ light vs dark, beyond the
     color tokens above. (grain blend/opacity, the plate's own glow.) */
  --sc-grain-blend: soft-light;
  --sc-grain-opacity: 0.06;
  --sc-plate-glow: rgba(158, 106, 46, 0.18);

  /* Specimen plate — per-colorway it can be a quiet plane (here) or a
     saturated color block. Dark anchor: a raised plane in the dark. */
  --sc-plate-bg: #1c140d;
  --sc-plate-border: #352318;
  --sc-plate-ink: #efe5d6;
  --sc-plate-ink-soft: #d6c6b1;
  --sc-plate-meta: #7e6e5c;
  --sc-plate-line: rgba(239, 229, 214, 0.07);
  --sc-plate-muted: #9c8a76;

  --sc-space-1: 4px;
  --sc-space-2: 8px;
  --sc-space-3: 12px;
  --sc-space-4: 16px;
  --sc-space-5: 24px;
  --sc-space-6: 32px;
  --sc-space-7: 48px;
  --sc-space-8: 72px;
  --sc-space-9: 112px;
}