:root[data-theme="azure"] {
  --color-bg:              #f9f7f7;
  --color-surface:         #ffffff;
  --color-surface-alt:     #dbe2ef;
  --color-border:          #dbe2ef;
  --color-primary:         #3f72af;
  --color-primary-hover:   #2d5f9a;
  --color-primary-glow:    rgba(63, 114, 175, 0.25);
  --color-text:            #112d4e;
  --color-text-muted:      #6b7280;
  --color-text-on-primary: #ffffff;
  --color-accent:          #3f72af;
  --font-heading:          'Inter', system-ui, sans-serif;
  --font-body:             'Inter', system-ui, sans-serif;
  --radius-sm:             4px;
  --radius-md:             8px;
  --radius-lg:             16px;
  --radius-full:           9999px;
  --transition:            all 0.3s ease;
  --shadow-sm:             0 1px 4px rgba(17, 45, 78, 0.1);
  --shadow-md:             0 4px 16px rgba(63, 114, 175, 0.15);
  --shadow-lg:             0 8px 32px rgba(63, 114, 175, 0.25);
  --shadow-neu-out:        none;
  --shadow-neu-in:         none;
}