/* ============================================================
   SANTA OLIVER — Design System Tokens
   "Real Beard. Real Joy. Real Christmas Magic."
   Midnight North Pole — evergreen base, warm gold, parchment.
   ============================================================ */

:root {
  /* ---- Evergreen base (near-black greens) ---- */
  --forest-950: #09110c;
  --forest-900: #0f1a14;
  --forest-850: #122019;
  --forest-800: #15241c;
  --forest-700: #1c3026;
  --forest-600: #264036;
  --forest-edge: #34504333;

  /* ---- Warm gold ---- */
  --gold-300:  #ecd9a3;
  --gold-200:  #e3c878;
  --gold:      #c8a24a;
  --gold-deep: #a07f33;
  --gold-glow: #f2dca0;

  /* ---- Christmas red (vibrant, young-adult) ---- */
  --red:        #cc2b2b;
  --red-bright: #e0463c;
  --red-deep:   #9e1f20;
  --red-500:    #d6362f;
  --red-600:    #cc2b2b;
  --red-700:    #9e1f20;
  --red-soft:   #fbeae6;

  /* ---- Holly / pine green ---- */
  --green:        #176b43;
  --green-bright: #2f8a57;
  --pine:         #0f3d28;
  --green-soft:   #e7f0e8;

  /* ---- Extended accents (kids' North Pole + premium "ultimate" tier) ---- */
  --plum:       #8a6fd6;
  --plum-deep:  #5b43a8;
  --berry:      #ff7ad8;
  --berry-deep: #cc4aa0;

  /* ---- Parchment / cream / snow ---- */
  --cream:    #f6efdf;
  --parch:    #efe6d2;
  --snow:     #fbfaf6;
  --ink-soft: #d8d2c4;
  --muted:    #9fb0a6;
  --muted-2:  #76877e;

  /* ---- Light surfaces ---- */
  --paper:        #ffffff;
  --ink:          #16221c;
  --ink-muted:    #5c6a62;
  --hairline-ink: rgba(22,34,28,0.12);

  /* ---- Surfaces ---- */
  --glass:         rgba(246, 239, 223, 0.06);
  --glass-strong:  rgba(246, 239, 223, 0.10);
  --hairline:      rgba(200, 162, 74, 0.28);
  --hairline-soft: rgba(246, 239, 223, 0.12);

  /* ---- Type ---- */
  --display: 'Cormorant Garamond', Georgia, 'Times New Roman', serif;
  --body:    'Mulish', system-ui, -apple-system, sans-serif;
  --mono:    'JetBrains Mono', ui-monospace, 'SF Mono', Menlo, monospace;

  /* ---- Radii ---- */
  --r-sm: 8px;
  --r-md: 14px;
  --r-lg: 22px;
  --r-xl: 30px;

  /* ---- Shadows / glow ---- */
  --shadow-card: 0 24px 60px -28px rgba(0,0,0,0.7);
  --glow-gold:   0 0 40px -6px rgba(200,162,74,0.45);
  --shadow-soft: 0 10px 40px -18px rgba(0,0,0,0.55);
}