:root {
  --color-primary:        #1E3A6E;
  --color-primary-mid:    #375197;
  --color-accent:         #BF2227;
  --color-dark:           #0D1B3E;

  --color-bg:             #F5F7FA;
  --color-surface:        #FFFFFF;
  --color-border:         #DDE3F0;

  --color-text:           #1C1C2E;
  --color-text-muted:     #4A5568;
  --color-text-disabled:  #A0AEC0;

  --color-positive:       #1A7F5E;
  --color-negative:       #BF2227;
  --color-highlight:      #7AAFCF;
  --color-light:          #F5F7FA;
  --color-cream:          #E2EAF4;
  --color-aqua:           #9FE3D2;
  --color-blue-bright:    #2B78C5;
  --color-graph-line:     #9BB0D4;

  --color-series-1:       #375197;
  --color-series-2:       #BF2227;
  --color-series-3:       #6B8CBA;
  --color-series-4:       #1A7F5E;
  --color-series-5:       #9BB0D4;
  --color-series-6:       #7AAFCF;

  --row-alt:              #F9FAFB;
  --row-hover:            #EEF2FA;

  --color-dark-bg:        var(--color-dark);
  --color-dark-surface:   color-mix(in srgb, var(--color-dark), var(--color-primary) 34%);
  --color-dark-surface-2: color-mix(in srgb, var(--color-dark), var(--color-primary-mid) 24%);
  --color-dark-border:    color-mix(in srgb, var(--color-series-3), transparent 66%);
  --color-dark-text:      var(--color-light);
  --color-dark-muted:     color-mix(in srgb, var(--color-light), transparent 30%);
  --color-dark-disabled:  color-mix(in srgb, var(--color-light), transparent 54%);

  --shadow-card:          0 2px 6px rgba(13, 27, 62, 0.06), 0 1px 2px rgba(13, 27, 62, 0.04);
  --shadow-card-hover:    0 6px 16px rgba(13, 27, 62, 0.10), 0 2px 4px rgba(13, 27, 62, 0.06);
  --shadow-card-dark:     0 14px 40px color-mix(in srgb, var(--color-dark), transparent 22%);
  --shadow-card-dark-hover: 0 22px 64px color-mix(in srgb, var(--color-dark), transparent 10%);

  --radius-card:          8px;
  --radius-btn:           6px;

  --space-1: 8px;
  --space-2: 16px;
  --space-3: 24px;
  --space-4: 32px;
  --space-5: 40px;
  --space-6: 48px;
  --space-8: 64px;
  --space-10: 80px;

  --content-max: 1440px;

  --font-serif: Georgia, 'Times New Roman', serif;
  --font-sans:  -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
  --font-mono:  'SF Mono', 'JetBrains Mono', 'Fira Code', Consolas, monospace;
}