/* ==========================================================================
   MURUGAN ENTERPRISES — DESIGN TOKENS
   Inspired by load.org.in structure & interactions
   Strictly in White Ranger (Pure White) & Gold Ranger (Metallic Gold) Palette
   ========================================================================== */

:root {
  /* 1. Core Palette (White Ranger x Gold Ranger) */
  --color-pure-white: #FFFFFF;
  --color-pearl-white: #F8F8F5;
  --color-warm-ivory: #FAF6ED;
  --color-card-bg: rgba(255, 255, 255, 0.88);
  --color-card-border: rgba(198, 160, 74, 0.22);
  --color-card-border-hover: #C6A04A;

  /* Metallic Gold Tones */
  --color-metallic-gold: #C6A04A;
  --color-champagne-gold: #E5D3A0;
  --color-deep-gold: #96752C;
  --color-gold-glow: rgba(198, 160, 74, 0.45);
  --color-gold-glow-soft: rgba(198, 160, 74, 0.18);

  /* Typography Colors */
  --color-charcoal: #171717;
  --color-charcoal-light: #2A2A2A;
  --color-muted-grey: #666666;
  --color-light-grey: #E5E2D9;

  /* Gradients */
  --grad-gold-primary: linear-gradient(135deg, #C6A04A 0%, #E5D3A0 50%, #96752C 100%);
  --grad-gold-button: linear-gradient(90deg, #C6A04A 0%, #D8B75F 50%, #B88E34 100%);
  --grad-gold-text: linear-gradient(135deg, #171717 30%, #96752C 70%, #C6A04A 100%);
  --grad-gold-number: linear-gradient(135deg, #C6A04A 0%, #96752C 100%);
  --grad-card-sheen: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.8), transparent);

  /* Shadows & Glows */
  --shadow-sm: 0 2px 8px rgba(37, 37, 37, 0.04);
  --shadow-card: 0 16px 40px rgba(37, 37, 37, 0.06), 0 0 15px var(--color-gold-glow-soft);
  --shadow-card-hover: 0 25px 60px rgba(37, 37, 37, 0.12), 0 0 35px var(--color-gold-glow);
  --shadow-gold-button: 0 4px 18px var(--color-gold-glow);

  /* Typography Font Stacks */
  --font-display: 'Plus Jakarta Sans', 'Syne', sans-serif;
  --font-body: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
  --font-mono: 'Outfit', 'Plus Jakarta Sans', sans-serif;

  /* Layout */
  --container-max: 1360px;
}