/* ==========================================================
   JSA design tokens. LOCKED palette and fonts: do not change
   without the project owner's approval.
   Load order: variables > base > layout > components > page > responsive
   ========================================================== */
:root {
  /* Primary: Brand Blue */
  --color-primary:        #2979F2;
  --color-primary-dark:   #1F62C9;
  --color-primary-soft:   #EAF2FF;
  /* Secondary: Deep Navy */
  --color-secondary:      #111A2E;
  --color-secondary-soft: #1B2742;
  /* Tertiary: Warm Orange */
  --color-tertiary:       #F4A261;
  --color-tertiary-dark:  #E48B3F;
  --color-tertiary-text:  #B8620F;
  /* Quaternary: Warm Cream */
  --color-quaternary:      #FFF3E0;
  --color-quaternary-dark: #FCE4C2;
  /* Quinary: Fresh Teal */
  --color-quinary:        #14B8A6;
  --color-quinary-dark:   #0F766E;
  --color-quinary-soft:   #E6F7F5;
  /* Neutrals */
  --color-bg:             #FFFFFF;
  --color-bg-alt:         #F4F7FB;
  --color-border:         #E3E8F0;
  /* Text */
  --color-text-heading:      #111A2E;
  --color-text-body:         #3A4558;
  --color-text-muted:        #5B677A;
  --color-text-on-dark:      #FFFFFF;
  --color-text-on-dark-body: #C9D2E3;
  /* Status */
  --color-success: #1E9E6A;
  --color-error:   #D64545;
  /* Fonts */
  --font-heading: 'Poppins', system-ui, sans-serif;
  --font-body:    'Inter', system-ui, sans-serif;
  /* Header */
  --header-max: 1200px;
  --header-pad: 20px;

  /* Shared scale (component level, not a new palette) */
  --radius-btn:  10px;
  --radius-sm:   14px;
  --radius-card: 18px;
  --section-y:   64px;
}