/* e-Tanuan Global CSS Design System Variables */

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Outfit:wght@400;500;600;700&display=swap');

:root {
  /* Color Palette */
  --primary-color: #1B4332;       /* Deep Forest Green */
  --primary-rgb: 27, 67, 50;
  --secondary-color: #2D6A4F;     /* Fresh Barangay Green */
  --secondary-rgb: 45, 106, 79;
  --accent-color: #D4AF37;        /* Warm Gold/Amber */
  --accent-rgb: 212, 175, 55;
  --bg-mint: #E8F5E9;             /* Soft Mint Background */
  --bg-mint-faint: #F4FAF5;       /* Dynamic light hover backgrounds */
  --bg-light: #F8F9FA;            /* Off-white */
  --text-dark: #2B2D42;           /* Charcoal text */
  --text-muted: #6C757D;          /* Muted Gray text */
  --white: #FFFFFF;
  
  /* Status Colors */
  --status-pending: #6C757D;
  --status-validation: #4EA8DE;
  --status-approved: #52B788;
  --status-processing: #7209B7;
  --status-ready: #2D6A4F;
  --status-released: #2B2D42;
  --status-rejected: #E63946;
  --status-warning: #FFB703;

  /* Typography */
  --font-headings: 'Outfit', sans-serif;
  --font-body: 'Inter', sans-serif;

  /* Box Shadows (Premium feel) */
  --shadow-sm: 0 2px 4px rgba(0, 0, 0, 0.05);
  --shadow-md: 0 4px 12px rgba(27, 67, 50, 0.08);
  --shadow-lg: 0 10px 25px rgba(27, 67, 50, 0.12);
  --shadow-accent: 0 4px 10px rgba(212, 175, 55, 0.2);

  /* Border Radius */
  --radius-sm: 6px;
  --radius-md: 12px;
  --radius-lg: 24px;
  --radius-pill: 50rem;

  /* Transitions */
  --transition-fast: all 0.2s ease;
  --transition-normal: all 0.3s ease;
}