:root {
  /* Brand Colors */
  --a1-base-900: #061B4A;
  --a1-primary-700: #3C2BAC;
  --a1-primary-500: #737EDF;
  --a1-link-600: #0B61AC;
  --a1-accent-300: #7CFBFC;
  --a1-deep-800: #1F1176;
  --a1-warm-600: #CC6933;
  --a1-white: #FFFFFF;

  /* Functional Colors mapping (Option 2: Soft Brand) */
  --bg: #F0F4F8;
  --card: #FFFFFF;
  --border: rgba(115, 126, 223, 0.2); 
  --text: var(--a1-base-900);
  --text-muted: #64748b;
  
  --brand: var(--a1-primary-700);
  --brand-hover: var(--a1-primary-500);
  --accent: var(--a1-link-600);
  --warn: var(--a1-warm-600);
  --err: #ef4444;
  
  /* Header Specific (for Option 2 + Colored Header) */
  --header-bg: var(--a1-base-900);
  --header-text: var(--a1-white);
  
  /* Radii */
  --radius-card: 16px;
  --radius-btn: 12px;
  
  /* Shadows */
  --shadow-card: 0 10px 30px rgba(6, 27, 74, 0.08);
  --shadow-focus: 0 0 0 3px rgba(124, 251, 252, 0.4);
}