/* assets/css/variables.css */

:root {
  /* Branding Colors (Extracted from Logo) */
  --bg-dark: #0B0E14;            /* Main page background - Obsidian Black */
  --bg-card: #131924;            /* Form & Card background - Deep Navy Dark */
  --bg-card-hover: #1A2232;      /* Hover state for cards & list items */
  
  --color-gold: #D4AF37;         /* Primary Accent - Metallic Gold */
  --color-gold-hover: #B89528;   /* Darker Gold for button hover states */
  --color-gold-light: #F3E5AB;   /* Light Champagne Gold for subtle text/icons */
  
  --color-blue: #1E69B8;         /* Secondary Accent - Globe Sky Blue */
  --color-blue-hover: #165292;   /* Darker Blue for interactive elements */
  
  --color-whatsapp: #25D366;     /* Direct CTA - WhatsApp Green */
  --color-whatsapp-hover: #1EBE5D;

  /* Typography Colors */
  --text-primary: #FFFFFF;       /* Heading & Main body text */
  --text-secondary: #9CA3AF;     /* Muted subtitles & placeholder text */
  --text-dark: #0B0E14;          /* High contrast text on Gold buttons */

  /* Structural UI & Borders */
  --border-gold: rgba(212, 175, 55, 0.3);      /* Subtle gold outline */
  --border-subtle: rgba(255, 255, 255, 0.1);    /* Neutral divider line */
  --shadow-card: 0 10px 30px rgba(0, 0, 0, 0.6);/* Deep elevation shadow */

  /* Typography Settings */
  --font-main: 'Segoe UI', system-ui, -apple-system, sans-serif;
  
  /* Layout Spacing & Radius */
  --radius-sm: 6px;
  --radius-md: 10px;
  --radius-lg: 16px;
  --radius-full: 9999px;
  --transition-fast: all 0.2s ease-in-out;
}