:root {
  --color-bg: #ffffff;
  --color-surface: #f6f5f9;
  --color-surface-selected: #e3efee;
  --color-border: #e3e3e6;
  --color-border-input: #8c8c94;
  --color-text: #1b1b1f;
  --color-text-muted: #62626b;
  --color-text-faint: #8f8f99;
  --color-accent: #0f7c78;
  --color-accent-hover: #0b625f;
  --color-on-accent: #ffffff;
  --color-accent-soft: #dff3f1;
  --color-danger: #c4302b;
  --color-on-danger: #ffffff;
  --color-success: #1f7a4d;
  --color-warning: #9a6300;
  --color-on-tint: #ffffff;
  --color-on-tint-muted: #d9d8e3;
  --color-on-tint-faint: #b4b2c6;
  --color-glass: #ffffff24;
  --color-glass-border: #ffffff2e;
  --color-tint-smartcare: #134e4a;
  --color-tint-cleanup: #1d4f6b;
  --color-tint-protection: #433a6b;
  --color-tint-performance: #6b4420;
  --color-tint-applications: #2f4858;
  --color-tint-clutter: #3f5a2a;
  --color-tint-spacelens: #2a4670;
  --color-tint-cloud: #1f5f6b;
  --color-tint-activity: #2a3038;
  --color-button-light: #ecebf2;
  --color-on-button-light: #1b1b1f;
  --color-button-light-hover: #ffffff;
  --color-on-tint-warning: #ffcf6b;
  --color-on-tint-success: #8ee6a8;
  --color-on-tint-danger: #ff8f88;
  --text-caption: 11px/14px; --weight-caption: 400;
  --text-footnote: 12px/16px; --weight-footnote: 400;
  --text-body: 13px/18px; --weight-body: 400;
  --text-headline: 15px/20px; --weight-headline: 600;
  --text-title3: 17px/22px; --weight-title3: 600;
  --text-title2: 22px/28px; --weight-title2: 600;
  --text-title1: 28px/34px; --weight-title1: 700;
  --text-display: 34px/40px; --weight-display: 700;
  --text-stat: 24px/28px; --weight-stat: 600;
  --space-0: 0px;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-7: 32px;
  --space-8: 48px;
  --space-9: 64px;
  --radius-xs: 4px;
  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 20px;
  --radius-xl: 28px;
  --radius-pill: 999px;
  --shadow-card: 0 1px 2px rgba(0,0,0,.08), 0 8px 24px rgba(0,0,0,.12);
  --shadow-glass: 0 24px 60px rgba(0,0,0,.28);
  --shadow-pop: 0 12px 32px rgba(0,0,0,.24);
  --shadow-glow: 0 0 24px rgba(255,255,255,.35);
  --motion-fast: 120ms;
  --motion-base: 220ms;
  --motion-slow: 400ms;
  --motion-ease: cubic-bezier(.2,.8,.2,1);
  --motion-spring: response 0.35, damping 0.8;
}
@media (prefers-color-scheme: dark) { :root {
  --color-bg: #1e1e22;
  --color-surface: #28282e;
  --color-surface-selected: #243533;
  --color-border: #3a3a42;
  --color-border-input: #7a7a86;
  --color-text: #f2f2f5;
  --color-text-muted: #b0b0ba;
  --color-text-faint: #7d7d88;
  --color-accent: #3fbfb6;
  --color-accent-hover: #62d2ca;
  --color-on-accent: #06201f;
  --color-accent-soft: #163b39;
  --color-danger: #ff6b66;
  --color-on-danger: #2a0a0a;
  --color-success: #5cc98a;
  --color-warning: #f0b84a;
} }