:root {
  /* Foundation */
  --sc-black: #e3e2d2;
  --sc-glow-1: rgba(249, 250, 242, 0.92);
  --sc-glow-2: rgba(249, 250, 242, 0.0);
  --sc-glow-cool: rgba(38, 54, 80, 0.16);

  --sc-bg: #e3e2d2;
  --sc-paper: #eeefe2;
  --sc-paper-raised: #f8f8ee;
  --sc-blush: #d9dcc9;

  /* Ink — deep ink-navy — a colored dark, the soul */
  --sc-ink: #1c2c44;
  --sc-ink-soft: #38465f;
  --sc-ink-muted: #5c6678;
  --sc-meta: #6f7567;
  --sc-dim: #a8a89a;

  /* Structure — colored hairlines */
  --sc-line: rgba(28, 44, 68, 0.16);
  --sc-line-soft: rgba(28, 44, 68, 0.09);
  --sc-line-warm: #cfd1c0;

  /* Accent — warm clay — the warm spark in a cool field */
  --sc-accent: #b0654a;
  --sc-accent-deep: #935039;
  --sc-accent-border: rgba(176, 101, 74, 0.50);
  --sc-ember: #c98a4f;

  /* 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: ui-sans-serif, system-ui, -apple-system, sans-serif;

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

  --sc-shadow-plane: 0 1px 0 rgba(255, 255, 255, 0.60) inset, 0 20px 42px -30px rgba(30, 40, 60, 0.22);

  --sc-grain-blend: multiply;
  --sc-grain-opacity: 0.05;
  --sc-plate-glow: rgba(252, 252, 245, 0.55);

  /* Specimen plate recedes; the display type is the single point of depth */
  --sc-plate-bg: #ebece0;
  --sc-plate-border: #d4d6c5;
  --sc-plate-ink: #1c2c44;
  --sc-plate-ink-soft: #38465f;
  --sc-plate-meta: #6f7567;
  --sc-plate-line: rgba(28, 44, 68, 0.12);
  --sc-plate-muted: #56607a;

  --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;
}