/* ============================================================
   SÍNTESIS.LIFE — Design Tokens (Obsidian & Parchment)
   ============================================================ */
:root {
  /* Core palette */
  --bg-abyss: #06090e;
  --bg-obsidian: #0a0d14;
  --bg-panel: #0f1420;
  --bg-panel-raised: #131a29;
  --color-parchment-100: #f3efe0;
  --color-parchment-200: #e6e0cd;
  --color-parchment-300: #c9c2ac;
  --color-parchment-400: #a39c86;
  --color-slate-400: #94a3b8;
  --color-slate-500: #64748b;
  --color-gold-300: #fbbf24;
  --color-gold-400: #d97706;
  --color-gold-500: #b45309;
  --color-teal-400: #2dd4bf;
  --color-green-400: #34d399;
  --color-red-400: #f87171;

  /* Aliases for older class names */
  --color-parchment: var(--color-parchment-100);
  --gold: var(--color-gold-400);
  --gold-2: var(--color-gold-300);
  --green: var(--color-green-400);
  --red: var(--color-red-400);

  /* Lines & borders */
  --color-border-subtle: rgba(243, 239, 224, 0.08);
  --line-gold: rgba(217, 119, 6, 0.22);
  --line-gold-strong: rgba(217, 119, 6, 0.45);

  /* Typography */
  --font-serif: 'Cormorant Garamond', Georgia, serif;
  --font-sans: 'Inter', system-ui, -apple-system, sans-serif;
  --font-mono: 'JetBrains Mono', 'SFMono-Regular', monospace;

  /* Radius & shadow */
  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 16px;
  --shadow-gold-glow: 0 0 40px rgba(217, 119, 6, 0.18);
}