:root {
  --font-ui: "Manrope", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  --font-display: "Fraunces", Georgia, serif;

  /* Surfaces & Canvas */
  --bg-0: #f6f3eb;
  --bg-1: #fffefb;
  --bg-2: #f2eee3;
  --surface: rgba(255, 255, 255, 0.85);
  --surface-strong: #ffffff;
  --surface-muted: #f8fafc;

  /* Text & Lines */
  --text-1: #1a2529;
  --text-2: #4a5c62;
  --text-muted: #798b91;
  --line: #ded8cb;
  --line-subtle: #ede8dc;
  --line-focus: #0f766e;

  /* Brand Accents */
  --brand-1: #0f766e;
  --brand-2: #14b8a6;
  --brand-gradient: linear-gradient(135deg, #0f766e, #14b8a6);
  --accent: #b45309;
  --accent-gold: #c28823;
  --accent-gradient: linear-gradient(135deg, #b45309, #d97706);

  /* Status Colors */
  --ok: #15803d;
  --ok-bg: #f0fdf4;
  --ok-border: #bbf7d0;
  --warn: #b45309;
  --warn-bg: #fffbeb;
  --warn-border: #fde68a;
  --danger: #b91c1c;
  --danger-bg: #fef2f2;
  --danger-border: #fecaca;

  /* Spacing Scale */
  --space-1: 0.5rem;
  --space-2: 0.75rem;
  --space-3: 1rem;
  --space-4: 1.5rem;
  --space-5: 2rem;

  /* Corner Radii - Shifted from bubbly pills to crisp executive geometry */
  --radius-xs: 4px;
  --radius-sm: 6px;
  --radius-md: 8px;
  --radius-lg: 12px;
  --radius-pill: 999px;


  /* Elevated Multi-Layer Shadows */
  --shadow-subtle: 0 1px 3px rgba(0, 0, 0, 0.04);
  --shadow-soft: 0 4px 14px rgba(31, 42, 46, 0.06);
  --shadow-panel: 0 8px 24px rgba(20, 24, 28, 0.07);
  --shadow-float: 0 14px 34px rgba(15, 118, 110, 0.12);
}