:root {
  /* Primary backgrounds - light theme */
  --color-bg-darkest:   #0a1628;
  --color-bg-dark:      #eef1f7;
  --color-bg-mid:       #ffffff;
  --color-bg-card:      #ffffff;
  --color-bg-elevated:  #f4f6fb;

  /* Borders */
  --color-border:       rgba(0, 0, 0, 0.08);
  --color-border-light: rgba(0, 0, 0, 0.12);

  /* Accent blues */
  --color-accent:       #1e6bff;
  --color-accent-hover: #3d7fff;
  --color-accent-glow:  rgba(30, 107, 255, 0.15);

  /* Text */
  --color-text-primary: #0a1628;
  --color-text-body:    #2d3a4f;
  --color-text-muted:   #5a6b8a;
  --color-text-faint:   #7a8ba8;

  /* Semantic */
  --color-success:      #00c896;
  --color-warning:      #f59e0b;
  --color-error:        #ef4444;
  --color-tag-perm:     #10b981;
  --color-tag-contract: #f59e0b;

  /* Off-white surfaces */
  --color-surface-light: #f4f6fb;

  /* Spacing scale */
  --space-xs:   4px;
  --space-sm:   8px;
  --space-md:   16px;
  --space-lg:   24px;
  --space-xl:   40px;
  --space-2xl:  64px;
  --space-3xl:  96px;
  --space-4xl:  128px;

  /* Typography */
  --font-display: 'Syne', sans-serif;
  --font-body:    'DM Sans', sans-serif;
  --font-mono:    'JetBrains Mono', monospace;

  /* Border radius */
  --radius-sm:   4px;
  --radius-md:   8px;
  --radius-lg:   12px;
  --radius-xl:   20px;
  --radius-pill: 100px;

  /* Shadows */
  --shadow-card:   0 4px 24px rgba(0,0,0,0.3);
  --shadow-hover:  0 12px 40px rgba(0,0,0,0.4);
  --shadow-accent: 0 0 40px rgba(30, 107, 255, 0.2);

  /* Transitions */
  --transition-fast:   150ms ease;
  --transition-base:   250ms ease;
  --transition-slow:   400ms ease;

  /* Layout */
  --max-width: 1240px;
  --nav-height: 80px;
}