/* ============================================================
   FIRST SELECT — Design Tokens
   Single source of truth for all CSS custom properties.
   Import this first in every stylesheet.
   ============================================================ */

:root {
  /* Brand colors */
  --navy:      #0A1628;
  --ocean:     #00B99C;
  --ocean-d:   #009980;
  --purple:    #520BB9;
  --purple-lt: #EDE5F8;
  --purple-d:  #400990;

  /* Neutrals */
  --white:     #FFFFFF;
  --sol:       #EBEFF2;
  --gray:      #6B7A8D;
  --gray-lt:   #9AAABB;
  --border:    #E2E8EE;

  /* Typography */
  --font: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont,
          'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
}