:root {
  /* Primary — dark navy (operator specified) */
  --color-primary:       #0f1523;
  --color-primary-light: #1e2d47;
  --color-primary-dark:  #080d15;

  /* Accent — electric blue (operator specified) */
  --color-accent:        #2563eb;
  --color-accent-hover:  #1d4ed8;

  /* Backgrounds */
  --color-bg:            #ffffff;
  --color-bg-secondary:  #f0f4f8;
  --color-bg-dark:       #0f1523;

  /* Text */
  --color-text:          #1a1a2e;
  --color-text-muted:    #64748b;
  --color-text-inverse:  #ffffff;

  /* Border */
  --color-border:        #e2e8f0;

  /* Typography */
  --font-heading: 'Inter', system-ui, sans-serif;
  --font-body:    'Inter', system-ui, sans-serif;

  /* Font sizes */
  --text-xs:   0.75rem;
  --text-sm:   0.875rem;
  --text-base: 1rem;
  --text-lg:   1.125rem;
  --text-xl:   1.25rem;
  --text-2xl:  1.5rem;
  --text-3xl:  1.875rem;
  --text-4xl:  2.25rem;
  --text-5xl:  3rem;

  /* Spacing */
  --space-1:  0.25rem;
  --space-2:  0.5rem;
  --space-3:  0.75rem;
  --space-4:  1rem;
  --space-6:  1.5rem;
  --space-8:  2rem;
  --space-12: 3rem;
  --space-16: 4rem;
  --space-24: 6rem;

  /* Radius */
  --radius-sm:   0.25rem;
  --radius-md:   0.5rem;
  --radius-lg:   1rem;
  --radius-full: 9999px;

  /* Shadows */
  --shadow-sm: 0 1px 2px rgba(0,0,0,0.06);
  --shadow-md: 0 4px 12px rgba(0,0,0,0.08);
  --shadow-lg: 0 8px 32px rgba(0,0,0,0.12);
}