/* tokens.v1.css — generated from tokens/tokens.json. Do not edit. */

/* Usage: <html data-app="todo" data-theme="light|dark">; omit data-theme to follow the system. */

:root {
  color-scheme: light;
  --ui-n-0: #fdfaf6;
  --ui-n-50: #f7f3ee;
  --ui-n-100: #ece7e1;
  --ui-n-200: #dcd6cf;
  --ui-n-300: #c3bdb4;
  --ui-n-400: #a19a91;
  --ui-n-500: #807971;
  --ui-n-600: #655f58;
  --ui-n-700: #4c4740;
  --ui-n-800: #34302a;
  --ui-n-850: #2d2924;
  --ui-n-900: #25211c;
  --ui-n-950: #1b1813;
  --ui-n-1000: #100d09;
  --ui-font-sans: "IBM Plex Sans", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --ui-font-mono: "IBM Plex Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  --ui-font-serif: "IBM Plex Serif", Georgia, "Times New Roman", serif;
  --ui-text-xs: 12px;
  --ui-text-sm: 13px;
  --ui-text-base: 15px;
  --ui-text-md: 17px;
  --ui-text-lg: 20px;
  --ui-text-xl: 24px;
  --ui-text-2xl: 30px;
  --ui-text-3xl: 38px;
  --ui-leading-body: 1.5;
  --ui-leading-tight: 1.25;
  --ui-leading-heading: 1.2;
  --ui-weight-regular: 400;
  --ui-weight-medium: 500;
  --ui-weight-semibold: 600;
  --ui-weight-bold: 700;
  --ui-tracking-label: 0.05em;
  --ui-space-1: 4px;
  --ui-space-2: 8px;
  --ui-space-3: 12px;
  --ui-space-4: 16px;
  --ui-space-5: 20px;
  --ui-space-6: 24px;
  --ui-space-8: 32px;
  --ui-space-10: 40px;
  --ui-space-12: 48px;
  --ui-space-16: 64px;
  --ui-radius-sm: 4px;
  --ui-radius-md: 6px;
  --ui-radius-pill: 999px;
  --ui-border-w: 1px;
  --ui-border-w-strong: 2px;
  --ui-control-h: 32px;
  --ui-control-h-lg: 48px;
  --ui-control-h-touch: 56px;
  --ui-width-narrow: 640px;
  --ui-width-medium: 960px;
  --ui-width-wide: 1400px;
  --ui-gutter: 16px;
  --ui-content-width: 960px;
  --ui-dur-fast: 120ms;
  --ui-dur-base: 200ms;
  --ui-ease: cubic-bezier(0.2, 0, 0, 1);
  --ui-focus-ring-w: 2px;
  --ui-focus-ring-offset: 2px;
  --ui-banner-width: 48px;
  --ui-bg: #f7f3ee;
  --ui-surface: #fdfaf6;
  --ui-surface-raised: #ffffff;
  --ui-line: #dcd6cf;
  --ui-line-strong: #c3bdb4;
  --ui-ink: #25211c;
  --ui-ink-muted: #655f58;
  --ui-ink-faint: #807971;
  --ui-ok: #2e7d32;
  --ui-ok-soft: #e6f6e5;
  --ui-warn: #9a5b00;
  --ui-warn-soft: #fce7d3;
  --ui-bad: #b3261e;
  --ui-bad-soft: #fee4e0;
  --ui-info: #1f5fa8;
  --ui-info-soft: #deedff;
  --ui-chart-surface: #fdfaf6;
  --ui-chart-grid: #ece7e1;
  --ui-chart-axis: #c3bdb4;
  --ui-chart-ink: #25211c;
  --ui-chart-ink-muted: #655f58;
  --ui-series-1: #2a78d6;
  --ui-series-2: #eb6834;
  --ui-series-3: #1baf7a;
  --ui-series-4: #eda100;
  --ui-series-5: #e87ba4;
  --ui-series-6: #4a3aa7;
  --ui-div-1: #2971c6;
  --ui-div-2: #74a7e8;
  --ui-div-3: #afd1fc;
  --ui-div-4: #ece7e1;
  --ui-div-5: #f9bdb7;
  --ui-div-6: #e18881;
  --ui-div-7: #b94642;
  --ui-intensity-1: #1f5fae;
  --ui-intensity-2: #3a9a58;
  --ui-intensity-3: #d4ad35;
  --ui-intensity-4: #d2691c;
  --ui-intensity-5: #8a1f1f;
  --ui-shadow-pop: 0 4px 16px rgba(37, 33, 28, 0.14);
  --ui-accent: #4c4740;
  --ui-accent-soft: #ece7e1;
  --ui-accent-ink: #ffffff;
  --banner-width: var(--ui-banner-width);
  --banner-color: var(--ui-accent);
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
  color-scheme: dark;
  --ui-bg: #1b1813;
  --ui-surface: #25211c;
  --ui-surface-raised: #2d2924;
  --ui-line: #34302a;
  --ui-line-strong: #4c4740;
  --ui-ink: #ece7e1;
  --ui-ink-muted: #a19a91;
  --ui-ink-faint: #807971;
  --ui-ok: #7cc47f;
  --ui-ok-soft: #1d341d;
  --ui-warn: #e5a83b;
  --ui-warn-soft: #3f2810;
  --ui-bad: #f27f76;
  --ui-bad-soft: #44241f;
  --ui-info: #7eb2ec;
  --ui-info-soft: #1c2f46;
  --ui-chart-surface: #25211c;
  --ui-chart-grid: #34302a;
  --ui-chart-axis: #4c4740;
  --ui-chart-ink: #ece7e1;
  --ui-chart-ink-muted: #a19a91;
  --ui-series-1: #3987e5;
  --ui-series-2: #d95926;
  --ui-series-3: #199e70;
  --ui-series-4: #c98500;
  --ui-series-5: #d55181;
  --ui-series-6: #9085e9;
  --ui-div-1: #2971c6;
  --ui-div-2: #74a7e8;
  --ui-div-3: #afd1fc;
  --ui-div-4: #34302a;
  --ui-div-5: #f9bdb7;
  --ui-div-6: #e18881;
  --ui-div-7: #b94642;
  --ui-intensity-1: #3f7fcc;
  --ui-intensity-2: #6cc581;
  --ui-intensity-3: #fcd150;
  --ui-intensity-4: #e0823a;
  --ui-intensity-5: #c4483f;
  --ui-shadow-pop: 0 4px 16px rgba(0, 0, 0, 0.5);
  --ui-accent: #c3bdb4;
  --ui-accent-soft: #34302a;
  --ui-accent-ink: #1b1813;
  }
}

:root[data-theme="dark"] {
  color-scheme: dark;
  --ui-bg: #1b1813;
  --ui-surface: #25211c;
  --ui-surface-raised: #2d2924;
  --ui-line: #34302a;
  --ui-line-strong: #4c4740;
  --ui-ink: #ece7e1;
  --ui-ink-muted: #a19a91;
  --ui-ink-faint: #807971;
  --ui-ok: #7cc47f;
  --ui-ok-soft: #1d341d;
  --ui-warn: #e5a83b;
  --ui-warn-soft: #3f2810;
  --ui-bad: #f27f76;
  --ui-bad-soft: #44241f;
  --ui-info: #7eb2ec;
  --ui-info-soft: #1c2f46;
  --ui-chart-surface: #25211c;
  --ui-chart-grid: #34302a;
  --ui-chart-axis: #4c4740;
  --ui-chart-ink: #ece7e1;
  --ui-chart-ink-muted: #a19a91;
  --ui-series-1: #3987e5;
  --ui-series-2: #d95926;
  --ui-series-3: #199e70;
  --ui-series-4: #c98500;
  --ui-series-5: #d55181;
  --ui-series-6: #9085e9;
  --ui-div-1: #2971c6;
  --ui-div-2: #74a7e8;
  --ui-div-3: #afd1fc;
  --ui-div-4: #34302a;
  --ui-div-5: #f9bdb7;
  --ui-div-6: #e18881;
  --ui-div-7: #b94642;
  --ui-intensity-1: #3f7fcc;
  --ui-intensity-2: #6cc581;
  --ui-intensity-3: #fcd150;
  --ui-intensity-4: #e0823a;
  --ui-intensity-5: #c4483f;
  --ui-shadow-pop: 0 4px 16px rgba(0, 0, 0, 0.5);
  --ui-accent: #c3bdb4;
  --ui-accent-soft: #34302a;
  --ui-accent-ink: #1b1813;
}

/* ---- coins */

:root[data-app="coins"] {
  --ui-content-width: 960px;
  --ui-seq-1: #f2e3c7;
  --ui-seq-2: #dfc79f;
  --ui-seq-3: #c8a973;
  --ui-seq-4: #ae8942;
  --ui-seq-5: #926a05;
  --ui-seq-6: #6f4f02;
  --ui-seq-7: #4d3600;
  --ui-accent: #8a6512;
  --ui-accent-soft: #f8edd8;
  --ui-accent-ink: #ffffff;
}

@media (prefers-color-scheme: dark) {
  :root[data-app="coins"]:not([data-theme="light"]) {
  --ui-accent: #d4ab2a;
  --ui-accent-soft: #403012;
  --ui-accent-ink: #1b1813;
  }
}

:root[data-app="coins"][data-theme="dark"] {
  --ui-accent: #d4ab2a;
  --ui-accent-soft: #403012;
  --ui-accent-ink: #1b1813;
}

/* ---- finance */

:root[data-app="finance"] {
  --ui-content-width: 1400px;
  --ui-seq-1: #c8eee7;
  --ui-seq-2: #9fd8cf;
  --ui-seq-3: #70bfb4;
  --ui-seq-4: #34a396;
  --ui-seq-5: #078378;
  --ui-seq-6: #06635a;
  --ui-seq-7: #00453e;
  --ui-accent: #0d7268;
  --ui-accent-soft: #d2f3ee;
  --ui-accent-ink: #ffffff;
}

@media (prefers-color-scheme: dark) {
  :root[data-app="finance"]:not([data-theme="light"]) {
  --ui-accent: #4dbfb8;
  --ui-accent-soft: #0c3b36;
  --ui-accent-ink: #1b1813;
  }
}

:root[data-app="finance"][data-theme="dark"] {
  --ui-accent: #4dbfb8;
  --ui-accent-soft: #0c3b36;
  --ui-accent-ink: #1b1813;
}

/* ---- fitness */

:root[data-app="fitness"] {
  --ui-content-width: 960px;
  --ui-seq-1: #fedcd2;
  --ui-seq-2: #efbeb0;
  --ui-seq-3: #db9c8b;
  --ui-seq-4: #c47864;
  --ui-seq-5: #ac553d;
  --ui-seq-6: #932f11;
  --ui-seq-7: #6a1a01;
  --ui-accent: #b3492c;
  --ui-accent-soft: #ffe8e1;
  --ui-accent-ink: #ffffff;
}

@media (prefers-color-scheme: dark) {
  :root[data-app="fitness"]:not([data-theme="light"]) {
  --ui-accent: #e8886a;
  --ui-accent-soft: #492921;
  --ui-accent-ink: #1b1813;
  }
}

:root[data-app="fitness"][data-theme="dark"] {
  --ui-accent: #e8886a;
  --ui-accent-soft: #492921;
  --ui-accent-ink: #1b1813;
}

/* ---- invest */

:root[data-app="invest"] {
  --ui-content-width: 1400px;
  --ui-seq-1: #dde3ff;
  --ui-seq-2: #bfc8f2;
  --ui-seq-3: #a0aae1;
  --ui-seq-4: #7f8acc;
  --ui-seq-5: #5f69b7;
  --ui-seq-6: #4349a1;
  --ui-seq-7: #2b2c81;
  --ui-accent: #4f55c4;
  --ui-accent-soft: #e6eafe;
  --ui-accent-ink: #ffffff;
}

@media (prefers-color-scheme: dark) {
  :root[data-app="invest"]:not([data-theme="light"]) {
  --ui-accent: #9aa0ee;
  --ui-accent-soft: #2c304c;
  --ui-accent-ink: #1b1813;
  }
}

:root[data-app="invest"][data-theme="dark"] {
  --ui-accent: #9aa0ee;
  --ui-accent-soft: #2c304c;
  --ui-accent-ink: #1b1813;
}

/* ---- todo */

:root[data-app="todo"] {
  --ui-content-width: 640px;
  --ui-seq-1: #e1e9cb;
  --ui-seq-2: #c6d1a5;
  --ui-seq-3: #a8b67b;
  --ui-seq-4: #89984e;
  --ui-seq-5: #6b7b17;
  --ui-seq-6: #505d03;
  --ui-seq-7: #364000;
  --ui-accent: #5f6d1a;
  --ui-accent-soft: #e8efd5;
  --ui-accent-ink: #ffffff;
}

@media (prefers-color-scheme: dark) {
  :root[data-app="todo"]:not([data-theme="light"]) {
  --ui-accent: #b3c25a;
  --ui-accent-soft: #303618;
  --ui-accent-ink: #1b1813;
  }
}

:root[data-app="todo"][data-theme="dark"] {
  --ui-accent: #b3c25a;
  --ui-accent-soft: #303618;
  --ui-accent-ink: #1b1813;
}