:root {
  /* Core Colors */
  --color-background: #E8E6E1;
  --color-primary: #1E2B4A;
  --color-secondary: #4A6FA5;
  --color-accent: #C9A84C;
  --color-white: #FFFFFF;

  /* Typography Colors */
  --text-primary: #2A2A2A;
  --text-muted: #7A7570;
  --text-hint: #A8A49E;

  /* Shadow & Utility Colors */
  --shadow-light: #FFFFFF;
  --shadow-dark: #C4C1BA;
  --shadow-accent-light: #F2EFE8;
  --shadow-accent-dark: #BEBBB4;
  --border-ghost: rgba(208, 197, 178, 0.15); /* outline-variant at 15% */

  /* Fonts */
  --font-heading: 'Instrument Serif', serif;
  --font-body: 'DM Sans', sans-serif;

  /* Border Radii */
  --radius-button: 40px;
  --radius-card: 20px;
  --radius-shield: 8px 8px 14px 14px;
}