/* ============================================================
   colors.css — Master Color & Theme Tokens
   Edit this file to re-theme the entire public frontend at once.
   Palette: "Golden Prestige" — deep amber primary, warm champagne
   paper, bronze darks, burgundy accent. Premium supplement identity.
   ============================================================ */

:root {
  /* ---- Core Brand Golds (replaces greens — same variable names,
          so every file using --c-green-* picks up the new palette) ---- */
  --c-green-50:   #fdf8ee;
  --c-green-100:  #f7eed4;
  --c-green-200:  #edd9a0;
  --c-green-400:  #d4a13d;   /* mid gold  */
  --c-green-500:  #b8862a;   /* primary   */
  --c-green-600:  #9a6d1a;   /* dark gold */
  --c-green-700:  #7a5210;   /* deep amber */
  --c-green-900:  #3d2806;   /* near-black bronze */

  /* ---- Ink / Text (warm dark brown, not green-tinted) ---- */
  --c-ink-900:    #1f1508;
  --c-ink-700:    #3d2e14;
  --c-ink-500:    #6b5630;
  --c-ink-300:    #a8926a;

  /* ---- Warm Neutrals (cream / parchment) ---- */
  --c-paper-0:    #fffef9;
  --c-paper-50:   #fdf9f0;
  --c-paper-100:  #f7f0e0;
  --c-paper-200:  #ede1c4;

  /* ---- Accent: Burgundy / Deep Red (replaces clay) ---- */
  --c-clay-400:   #b5485a;
  --c-clay-500:   #9b3347;
  --c-clay-600:   #7d2236;

  /* ---- Accent: Bright Gold (ratings, badges — slightly brighter) ---- */
  --c-gold-400:   #f0c040;
  --c-gold-500:   #d4a13d;

  /* ---- Status ---- */
  --c-success:    #9a6d1a;
  --c-danger:     #9b3347;
  --c-info:       #3a6a8a;

  /* ---- Gradients ---- */
  --grad-hero:    linear-gradient(135deg, #3d2806 0%, #7a5210 40%, #b8862a 80%, #d4a13d 100%);
  --grad-soft:    linear-gradient(180deg, var(--c-green-50) 0%, var(--c-paper-0) 100%);
  --grad-card:    linear-gradient(160deg, var(--c-paper-0) 0%, var(--c-green-50) 100%);
  --grad-clay:    linear-gradient(135deg, var(--c-clay-500) 0%, var(--c-clay-400) 100%);
  --grad-overlay: linear-gradient(180deg, rgba(61,40,6,0) 0%, rgba(61,40,6,.85) 100%);

  /* ---- Surfaces ---- */
  --surface-bg:       var(--c-paper-50);
  --surface-card:     var(--c-paper-0);
  --surface-border:   var(--c-green-100);
  --surface-elevated: #ffffff;

  /* ---- Shadows (warm amber-tinted) ---- */
  --shadow-sm:   0 1px 3px rgba(61,40,6,.07), 0 1px 2px rgba(61,40,6,.09);
  --shadow-md:   0 4px 16px rgba(61,40,6,.10), 0 2px 6px rgba(61,40,6,.07);
  --shadow-lg:   0 12px 32px rgba(61,40,6,.14), 0 4px 12px rgba(61,40,6,.09);
  --shadow-glow: 0 0 0 4px rgba(184,134,42,.18);

  /* ---- Radius ---- */
  --radius-sm:   6px;
  --radius-md:   12px;
  --radius-lg:   20px;
  --radius-pill: 999px;

  /* ---- Typography ---- */
  --font-display: 'Fraunces', Georgia, 'Times New Roman', serif;
  --font-body:    'Inter', -apple-system, 'Segoe UI', sans-serif;
  --font-mono:    'JetBrains Mono', 'Courier New', monospace;

  /* ---- Motion ---- */
  --ease-out:    cubic-bezier(.16,1,.3,1);
  --ease-spring: cubic-bezier(.34,1.56,.64,1);
  --dur-fast:    180ms;
  --dur-med:     340ms;
  --dur-slow:    600ms;
}