/* === ZEABA DESIGN SYSTEM === */
:root {
  /* Colors */
  --color-bg:             #0A0A0A;
  --color-bg-card:        #1A1A1A;
  --color-bg-elevated:    #222222;

  --color-v1:             #00C853;
  --color-v2e:            #FF6D00;
  --color-v2m:            #2979FF;
  --color-v2p:            #AA00FF;
  --color-v3:             #FFD600;
  --color-v4:             #00BFA5;
  --color-v5:             #FFFFFF;
  --color-time:           #E0E0E0;
  --color-negative:       #FF1744;

  --color-text-primary:   #FFFFFF;
  --color-text-secondary: #9E9E9E;
  --color-text-muted:     #666666;

  /* Typography */
  --font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --font-size-xs:   0.75rem;
  --font-size-sm:   0.875rem;
  --font-size-base: 1rem;
  --font-size-lg:   1.125rem;
  --font-size-xl:   1.5rem;
  --font-size-2xl:  2rem;
  --font-size-3xl:  2.5rem;
  --font-size-4xl:  3rem;
  --font-weight-normal: 400;
  --font-weight-bold:   700;
  --letter-spacing-wide: 0.25em;

  /* Spacing */
  --space-xs:  0.25rem;
  --space-sm:  0.5rem;
  --space-md:  1rem;
  --space-lg:  1.5rem;
  --space-xl:  2rem;
  --space-2xl: 3rem;
  --space-3xl: 4rem;
  --space-4xl: 5rem;
  --space-section: 6rem;

  /* Layout */
  --container-max:     1200px;
  --container-narrow:  800px;
  --container-padding: 1.5rem;
  --border-radius:     12px;
  --border-radius-sm:  8px;

  /* Transitions */
  --transition-fast:   150ms ease;
  --transition-normal: 300ms ease;
  --transition-slow:   600ms ease;

  /* Z-index */
  --z-starfield: 0;
  --z-content:   1;
  --z-nav:       100;
  --z-overlay:   200;
}

body {
  font-family: var(--font-family);
  font-size: var(--font-size-base);
  font-weight: var(--font-weight-normal);
  color: var(--color-text-primary);
  background-color: var(--color-bg);
}