/* Velvet: the example theme to copy. Deep green felt, brass and cream, a serif headline.
   Same tokens as grove, different values. */
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@500;600;700&family=Inter:wght@400;500;600&family=JetBrains+Mono:wght@400;600&display=swap');
:root {
  color-scheme: dark;
  --bg:          #0b1510;
  --bg-2:        #0f1c15;
  --surface:     #15271d;
  --surface-2:   #1b3326;
  --card-grad:   linear-gradient(135deg, #15271d 0%, #1b3326 100%);
  --ink:         #f6f1e4;
  --ink-2:       #b9b3a2;
  --ink-3:       #9a9484;
  --rule:        #26402f;
  --rule-2:      #3a5a45;
  --brand:       #d9b96a;
  --brand-soft:  rgba(217, 185, 106, .12);
  --brand-band:  rgba(217, 185, 106, .35);
  --glow:        0 0 28px rgba(217, 185, 106, .35);
  --accent:      #8fd3b8;
  --accent-soft: rgba(143, 211, 184, .14);
  --accent-band: rgba(143, 211, 184, .28);
  --gold:        #e8c87a;
  --gold-soft:   rgba(232, 200, 122, .12);
  --gold-band:   rgba(232, 200, 122, .35);
  --good:        #7ee2a8;
  --good-bg:     rgba(126, 226, 168, .12);
  --warn:        #ffd27a;
  --warn-bg:     rgba(255, 210, 122, .12);
  --crit:        #ff8a80;
  --crit-bg:     rgba(255, 138, 128, .12);
  --grid:        rgba(246, 241, 228, .08);
  --shadow:      0 2px 6px rgba(0, 0, 0, .4), 0 12px 32px rgba(0, 0, 0, .35);
  --radius:      10px;
  --radius-sm:   6px;
  --radius-pill: 999px;
  --sans:        'Inter', ui-sans-serif, system-ui, sans-serif;
  --display:     'Playfair Display', Georgia, 'Times New Roman', serif;
  --mono:        'JetBrains Mono', ui-monospace, Menlo, Consolas, monospace;
  --hero-image:  radial-gradient(1100px 480px at 50% -10%, rgba(217, 185, 106, .16), transparent 60%);
  --felt:        radial-gradient(900px 400px at 50% 0%, rgba(143, 211, 184, .10), transparent 60%);
}