/* ========================================
   VARIABLES & CSS CUSTOM PROPERTIES
   ======================================== */
:root {
  --main: #19306A;
  --dark: #070E29;
  --accent: #054240;
  --light: #FAFAFA;
  --mint: #9DD4CF;
  --mint-light: #C3E8E5;
  --mint-pale: #E0F3F1;
  --lavender: #A7A0D2;
  --lavender-light: #C8C3E3;
  --plum: #2A1B5E;
  --indigo-mid: #2C3E8A;
  --slate-blue: #4A5BA8;
  --soft-mint: #EEF7F5;
  --soft-lav: #EEEDF8;
  --gold-accent: #CEE8EB;
  --sage: #6B9E8A;
  --deep-teal: #0A3533;
  --text-primary: #070E29;
  --text-secondary: #3A3F5C;
  --text-muted: #6B7094;
  --text-on-dark: #FAFAFA;
  --text-on-dark-muted: rgba(250, 250, 250, 0.7);
  --border: #E2E4EC;
  --border-dark: rgba(255, 255, 255, 0.12);
}