:root {
  color-scheme: dark;
  --color-bg: #0a0a0b;
  --color-surface: #121214;
  --color-border: #222226;
  --color-text: #ededf0;
  --color-text-muted: #7c7c86;
  --color-positive: #4ade80;
  --color-negative: #f87171;
  --color-warning: #f59e0b;
  --color-disconnected: #555555;
  --color-scrim: rgba(0, 0, 0, 0.55);
  --color-platform-youtube: #ff5252;
  --color-platform-instagram: #e1306c;
  --color-platform-tiktok: #25f4ee;
  --color-platform-x: #a1a1aa;
  --font-family-sans: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Inter, sans-serif;
  --font-size-micro: 11px;
  --font-size-caption: 11.5px;
  --font-size-small: 12px;
  --font-size-small-plus: 12.5px;
  --font-size-label: 13px;
  --font-size-body: 14px;
  --font-size-title: 16px;
  --font-size-icon: 17px;
  --font-size-heading: 18px;
  --font-size-metric: 22px;
  --font-size-display: 26px;
  --font-weight-regular: 400;
  --font-weight-semibold: 600;
  --font-weight-strong: 650;
  --font-line-height-body: 1.45;
  --font-tracking-tight: -0.02em;
  --space-1: 1px;
  --space-2: 2px;
  --space-3: 3px;
  --space-4: 4px;
  --space-6: 6px;
  --space-7: 7px;
  --space-8: 8px;
  --space-9: 9px;
  --space-10: 10px;
  --space-12: 12px;
  --space-14: 14px;
  --space-16: 16px;
  --space-18: 18px;
  --space-20: 20px;
  --space-22: 22px;
  --space-28: 28px;
  --radius-xs: 6px;
  --radius-sm: 7px;
  --radius-md: 9px;
  --radius-lg: 11px;
  --radius-xl: 12px;
  --radius-2xl: 15px;
  --radius-3xl: 16px;
  --radius-card: 17px;
  --radius-pill: 9999px;
  --size-thumbnail: 46px;
  --size-dot: 6px;
  --size-sparkline-height: 30px;
  --size-card-min-width: 360px;
  --size-page-max-width: 1180px;
  --size-dialog-width: 460px;
  --size-inbox-width: 640px;
  --breakpoint-mobile: 640px;
  --shadow-pulse-ring: 0px 0px 0px 0px rgba(74, 222, 128, 0.55);
  --motion-duration-count-up: 700ms;
  --motion-duration-bump: 900ms;
  --motion-duration-pulse: 2000ms;
  --motion-easing-ease-out: cubic-bezier(0, 0, 0.58, 1);
  --motion-easing-ease-out-cubic: cubic-bezier(0.215, 0.61, 0.355, 1);
  --opacity-sparkline: 0.9;
  --opacity-sparkline-empty: 0.25;
}

@media (prefers-color-scheme: light) {
  :root:not([data-theme="dark"]) {
    color-scheme: light;
    --color-bg: #f5f5f7;
    --color-surface: #ffffff;
    --color-border: #e5e5ea;
    --color-text: #111113;
    --color-text-muted: #80808b;
    --color-positive: #16a34a;
    --color-negative: #dc2626;
    --color-warning: #f59e0b;
    --color-disconnected: #555555;
    --color-scrim: rgba(0, 0, 0, 0.55);
    --color-platform-youtube: #ff5252;
    --color-platform-instagram: #e1306c;
    --color-platform-tiktok: #0ab8b2;
    --color-platform-x: #52525b;
  }
}

:root[data-theme="light"] {
  color-scheme: light;
  --color-bg: #f5f5f7;
  --color-surface: #ffffff;
  --color-border: #e5e5ea;
  --color-text: #111113;
  --color-text-muted: #80808b;
  --color-positive: #16a34a;
  --color-negative: #dc2626;
  --color-warning: #f59e0b;
  --color-disconnected: #555555;
  --color-scrim: rgba(0, 0, 0, 0.55);
  --color-platform-youtube: #ff5252;
  --color-platform-instagram: #e1306c;
  --color-platform-tiktok: #0ab8b2;
  --color-platform-x: #52525b;
}