:root {
  --color-background: #000000;
  --color-surface: #020202;
  --color-primary: #0A0A0A;
  --color-secondary: #D8A739;
  --color-canvas: #000000;
  --color-canvas-alt: #050505;
  --color-surface-raised: #050505;
  --color-surface-strong: #0A0A0A;
  --color-surface-floating: rgba(10, 10, 10, 0.82);
  --color-text: #E5E2E1;
  --color-text-muted: #D0C5AF;
  --color-label: #D8A739;
  --color-accent: #D8A739;
  --color-accent-soft: rgba(216, 167, 57, 0.18);
  --color-line-soft: rgba(58, 58, 58, 0.4);
  --color-line-strong: rgba(216, 167, 57, 0.32);
  --color-ornament: #D8A739;
  --color-selection: rgba(216, 167, 57, 0.3);
  --font-display: Manrope;
  --font-heading: Manrope;
  --font-body: Inter;
  --font-label: Inter;
  --font-weight-display: 300;
  --font-weight-heading: 300;
  --font-weight-body: 300;
  --font-weight-label: 500;
  --tracking-display: -0.02em;
  --tracking-heading: -0.02em;
  --tracking-label: 0.12em;
  --line-height-body: 1.7;
  --radius-card: 0.55rem;
  --radius-media: 0.55rem;
  --radius-control: 999px;
  --radius-pill: 999px;
  --radius-portrait: 999px;
  --page-max-width: 88rem;
  --page-reading-width: 42rem;
  --measure-reading: 42rem;
  --space-section: 7rem;
  --space-module-gap: 1.5rem;
  --space-module-padding: 2rem;
  --duration-fast: 220ms;
  --duration-calm: 400ms;
  --ease-standard: cubic-bezier(0.4, 0, 0.2, 1);
  --shadow-soft: 0 0 0 rgba(0, 0, 0, 0);
  --shadow-glow: 0 0 40px rgba(216, 167, 57, 0.04);
  --divider-thread: linear-gradient(90deg, transparent 0%, rgba(216, 167, 57, 0.4) 18%, rgba(216, 167, 57, 0.4) 82%, transparent 100%);
  --button-primary-bg: #0A0A0A;
  --button-primary-color: #D8A739;
  --button-primary-border: rgba(216, 167, 57, 0.56);
  --button-secondary-bg: transparent;
  --button-secondary-color: #E5E2E1;
  --button-secondary-border: rgba(216, 167, 57, 0.18);
  --button-link-color: #D8A739;
  --input-bg: transparent;
  --input-border: rgba(58, 58, 58, 0.4);
  --input-text: #E5E2E1;
  --input-focus: #D8A739;
}