:root {
  /* Surfaces */
  --surface:         #F0E6D2;
  --surface-low:     #E8D9C4;
  --surface-lowest:  #F7F1E6;
  --surface-high:    #DCCFBA;

  /* Brand */
  --primary:         #8C2E1C;   /* rust / terracotta */
  --primary-light:   #B54020;
  --gold:            #C47C2A;   /* amber */
  --dark:            #1A1310;   /* near-black warm */

  /* Text */
  --on-surface:         #1A1310;
  --on-surface-variant: #5A4535;
  --ghost-border:       rgba(26, 19, 16, 0.14);

  /* Gradients */
  --gradient-cta:  linear-gradient(135deg, #1A1310, #3D2410);
  --gradient-gold: linear-gradient(135deg, #C47C2A 0%, #E8A84A 50%, #B86820 100%);

  /* Radii */
  --radius-sm: 6px;
  --radius-md: 10px;
  --radius-lg: 0.75rem;
  --radius-xl: 1.25rem;

  --transition: all 0.2s ease;

  --font-display: 'Fraunces', 'Cormorant Garamond', Georgia, serif;
  --font-body:    'Inter', system-ui, sans-serif;
  --font-mono:    'JetBrains Mono', 'IBM Plex Mono', ui-monospace, monospace;

  --container-max:     1200px;
  --container-narrow:  1100px;
  --container-content: 900px;
}