:root {
  --color-bg: #FCFCFB;
  --color-text: #0A0A09;
  --color-text-secondary: #57534E;
  --color-text-muted: #78716C;
  --color-text-faint: #A8A29E;
  --color-rule: #E7E5E4;
  --color-rule-strong: #D6D3D1;
  --color-accent: #4338CA;
  --color-accent-2: #7C3AED;
  --color-status-live: #059669;
  --color-status-pending: #B45309;
  --color-scanx: #2563EB;
  --color-renewtrail: #0F766E;
  --font-display: 'Space Grotesk', sans-serif;
  --font-body: 'IBM Plex Sans', sans-serif;
  --font-mono: 'Space Mono', monospace;
}

:root[data-theme="dark"] {
  --color-bg: #0A0A09;
  --color-text: #FAFAF9;
  --color-text-secondary: #A8A29E;
  --color-text-muted: #78716C;
  --color-text-faint: #57534E;
  --color-rule: #292524;
  --color-rule-strong: #44403C;
  --color-accent: #A5B4FC;
  --color-accent-2: #C4B5FD;
  --color-status-live: #34D399;
  --color-status-pending: #FBBF24;
  --color-scanx: #60A5FA;
  --color-renewtrail: #2DD4BF;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme]) {
    --color-bg: #0A0A09;
    --color-text: #FAFAF9;
    --color-text-secondary: #A8A29E;
    --color-text-muted: #78716C;
    --color-text-faint: #57534E;
    --color-rule: #292524;
    --color-rule-strong: #44403C;
    --color-accent: #A5B4FC;
    --color-accent-2: #C4B5FD;
    --color-status-live: #34D399;
    --color-status-pending: #FBBF24;
    --color-scanx: #60A5FA;
    --color-renewtrail: #2DD4BF;
  }
}