:root {
  /* Brand palette — Innovaceutical Premium (Contemporary Edition) */
  --color-primary: #363B7C;   /* Clematis Blue */
  --color-secondary: #4D91C6; /* Azure Blue */
  --color-tertiary: #543D7D;  /* Prism Violet */
  --color-accent-1: #74C1B6;  /* Pool Cabana */
  --color-accent-2: #C193C0;  /* Violet Tulle */

  /* Semantic & Structural Colors */
  --color-success: #16A34A;          
  --color-warning: #D97706;          
  --color-danger: #DC2626;           
  --color-surface: #FFFFFF;          
  --color-text: #111827;             
  --color-neutral: #FFFFFF;          

  /* Newly Created Complementary Colors */
  --color-comp-primary: #C9C483;   /* Muted yellow */
  --color-comp-secondary: #B26E39; /* Burnt bronze */
  --color-comp-accent: #C1747F;    /* Soft coral */

  /* Legacy variable mappings for compatibility */
  --color-accent: var(--color-accent-1);
  --color-accent-dark: #329B87; /* Kept for now, will refine */
  --color-accent-light: #A8DDD6;
  --color-text-muted: #5A6280;
  --color-border: #DDE2F0;
  --color-bg: #FCFDFF;
  --color-bg-section: #F5F7FA;

  /* Typography — Jost for display/body, Overpass Mono for mono */
  --font-primary: 'Jost', system-ui, -apple-system, sans-serif;
  --font-heading: 'Jost', system-ui, -apple-system, sans-serif;
  --font-mono: 'Overpass Mono', monospace;

  /* Spacing & Radius */
  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 16px;
  --radius-full: 9999px;

  --spacing-sm: 8px;
  --spacing-md: 16px;

  /* Effects */
  --shadow-sm: 0 2px 8px rgba(54, 59, 124, 0.05);
  --shadow-md: 0 8px 24px rgba(54, 59, 124, 0.08);
  --shadow-lg: 0 16px 48px rgba(54, 59, 124, 0.12);

  --transition: 0.4s cubic-bezier(0.25, 1, 0.5, 1);

  --container-max: 1200px;
  --container-padding: 2rem;
}