:root {
  --color-white: #ffffff;
  --color-chart-track: #edeef2;
  --color-grape-50: #f3effe;
  --color-grape-100: #e6defc;
  --color-grape-200: #cdbdf9;
  --color-grape-300: #b49cf3;
  --color-grape-400: #9a7bec;
  --color-grape-500: #7b5ce6;
  --color-grape-600: #6b4cd8;
  --color-grape-700: #5a3cc0;
  --color-grape-800: #472f99;
  --color-grape-900: #33206e;
  --color-lime-50: #f7fce7;
  --color-lime-100: #eef9c6;
  --color-lime-200: #e4f59e;
  --color-lime-300: #d9f26e;
  --color-lime-400: #cbe95a;
  --color-lime-500: #b8dc3f;
  --color-lime-600: #9cbe28;
  --color-lime-700: #7a961d;
  --color-gold-100: #fdf1cf;
  --color-gold-300: #f6c945;
  --color-gold-500: #d9a406;
  --color-ink-50: #f6f7f9;
  --color-ink-100: #eff1f5;
  --color-ink-200: #e2e5ec;
  --color-ink-300: #c3c8d4;
  --color-ink-400: #9aa1b2;
  --color-ink-500: #6c7488;
  --color-ink-600: #4c5568;
  --color-ink-700: #333b4f;
  --color-ink-800: #1f2637;
  --color-ink-900: #171c28;
  --color-tint-mint: #eaf7d9;
  --color-tint-sky: #e1f1fb;
  --color-tint-blush: #fde6f0;
  --color-tint-lilac: #ede8fd;
  --color-tint-butter: #fbf3d6;
  --color-tint-peach: #fde9dc;
  --color-chart-lime: #c6e86b;
  --color-chart-sky: #7ec8e8;
  --color-chart-grape: #7b5ce6;
  --color-chart-violet: #9a7bec;
  --color-chart-blush: #f5a8cc;
  --color-chart-teal: #4fc3a1;
  --color-chart-plum: #c77dd8;
  --color-chart-ocean: #4a9ad8;
  --color-chart-sage: #8cc07f;
  --color-chart-amber: #f0b74e;
  --color-chart-coral: #f5906b;
  --color-chart-berry: #e0679b;
  --color-bg-app: #fdf8f3;
  --color-bg-brand: #7b5ce6;
  --color-surface-card: #ffffff;
  --color-surface-sunken: #f6f7f9;
  --color-surface-inverse: #171c28;
  --color-surface-overlay: rgba(23, 28, 40, 0.44);
  --color-surface-glass: rgba(255, 255, 255, 0.16);
  --color-text-strong: #171c28;
  --color-text-body: #333b4f;
  --color-text-muted: #6c7488;
  --color-text-faint: #9aa1b2;
  --color-text-on-brand: #ffffff;
  --color-text-on-accent: #171c28;
  --color-text-on-data: #ffffff;
  --color-text-on-track: #6c7488;
  --color-text-inverse: #ffffff;
  --color-text-link: #6b4cd8;
  --color-border-subtle: #e2e5ec;
  --color-border-strong: #c3c8d4;
  --color-border-brand: #7b5ce6;
  --color-border-glass: rgba(255, 255, 255, 0.28);
  --color-success: #5fbf6e;
  --color-success-text: #2f7d3e;
  --color-success-soft: #e6f6e8;
  --color-warning: #e9a93c;
  --color-warning-soft: #fcf1de;
  --color-danger: #e2564f;
  --color-danger-text: #b3403a;
  --color-danger-soft: #fbe7e6;
  --color-info: #4fa8d8;
  --color-info-soft: #e3f1f9;
  --font-display: "Nunito", ui-rounded, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --font-ui: "Nunito", ui-rounded, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --font-body: "Nunito Sans", ui-rounded, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --font-numeric: "Nunito", ui-rounded, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --weight-light: 300;
  --weight-regular: 400;
  --weight-medium: 500;
  --weight-semibold: 600;
  --weight-bold: 700;
  --weight-extrabold: 800;
  --weight-black: 900;
  --space-0: 0px;
  --space-1: 2px;
  --space-2: 4px;
  --space-3: 6px;
  --space-4: 8px;
  --space-5: 12px;
  --space-6: 16px;
  --space-7: 20px;
  --space-8: 24px;
  --space-9: 32px;
  --space-10: 40px;
  --space-11: 48px;
  --space-12: 64px;
  --layout-gutter-screen: 20px;
  --layout-gap-card: 12px;
  --layout-pad-card: 14px;
  --layout-pad-card-lg: 18px;
  --layout-tap-min: 44px;
  --radius-xs: 6px;
  --radius-sm: 10px;
  --radius-md: 14px;
  --radius-lg: 18px;
  --radius-xl: 24px;
  --radius-2xl: 28px;
  --radius-screen: 34px;
  --radius-pill: 999px;
  --shadow-xs: 0px 1px 2px 0px rgba(23, 28, 40, 0.05);
  --shadow-sm: 0px 2px 8px 0px rgba(23, 28, 40, 0.06);
  --shadow-card: 0px 6px 18px 0px rgba(23, 28, 40, 0.07);
  --shadow-raised: 0px 12px 28px 0px rgba(23, 28, 40, 0.1);
  --shadow-sheet: 0px -8px 32px 0px rgba(23, 28, 40, 0.1);
  --shadow-brand: 0px 10px 24px 0px rgba(123, 92, 230, 0.32);
  --shadow-accent: 0px 8px 20px 0px rgba(184, 220, 63, 0.35);
  --shadow-inner-soft: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.6);
  --duration-instant: 90ms;
  --duration-fast: 140ms;
  --duration-base: 220ms;
  --duration-slow: 360ms;
  --duration-ring: 900ms;
  --easing-standard: cubic-bezier(0.2, 0, 0, 1);
  --easing-out: cubic-bezier(0.16, 1, 0.3, 1);
  --easing-in-out: cubic-bezier(0.65, 0, 0.35, 1);
  --easing-spring: cubic-bezier(0.34, 1.42, 0.5, 1);
}