:root {
  /* ── Corporate Palette ── */
  --color-paper: #FAFAF8;
  --color-ink: #0F0F0F;
  --color-ink-2: #1a1a1a;

  /* Semantic Accent */
  --color-us-navy: #0F0F0F;
  --color-accent: #2D3436;
  --color-accent-hover: #0F0F0F;
  --color-accent-pale: #F0EDEA;

  /* Warm Champagne / Copper — Primary Brand */
  --color-brand: #C8A97E;
  --color-brand-hover: #B08D5E;
  --color-brand-pale: #FAF6F0;

  /* Legacy alias — keep backward compat with existing markup */
  --color-crimson: #C8A97E;
  --color-crimson-hover: #B08D5E;
  --color-crimson-pale: #FAF6F0;

  --color-gold: #C8A97E;
  --color-gold-hover: #B08D5E;
  --color-gold-pale: #FAF6F0;

  /* Surfaces */
  --color-surface: #F5F3EF;
  --color-surface-card: #FFFFFF;

  /* Muted */
  --color-muted: #6B6B6B;
  --color-muted-2: #9A9A9A;

  /* Borders */
  --color-border: rgba(15, 15, 15, 0.07);
  --color-border-strong: rgba(15, 15, 15, 0.18);

  /* On-dark */
  --color-on-dark: #FFFFFF;
  --color-on-dark-muted: rgba(255, 255, 255, 0.72);

  /* Dark band */
  --dark-band-bg: #0F0F0F;

  /* Shadows */
  --shadow-sm: 0 1px 3px rgba(15, 15, 15, 0.04);
  --shadow-md: 0 6px 20px rgba(15, 15, 15, 0.06);
  --shadow-lg: 0 16px 40px rgba(15, 15, 15, 0.08);

  /* Typography — Sora for display, Inter for body */
  --font-display: "Sora", "Inter", "Helvetica Neue", sans-serif;
  --font-body: "Inter", "Helvetica Neue", sans-serif;
  --font-display-ar: "IBM Plex Sans Arabic", "Sora", sans-serif;
  --font-body-ar: "IBM Plex Sans Arabic", "Inter", sans-serif;

  /* Sharp Borders (editorial) */
  --radius: 0px;
  --radius-lg: 0px;
}