/* Generated from lib/tokens.ts by scripts/generate-tokens.mjs. Don't edit by hand. */
:root {
  color-scheme: light dark;
  --bg: #F4F5F8;
  --card: #FFFFFF;
  --card-elevated: #FFFFFF;
  --border: #F0F1F6;
  --text: #16161D;
  --text-secondary: #6B6B7D;
  --text-muted: #6E6F79;
  --primary: #0A5CC8;
  --primary-button-fill: #0A5CC8;
  --primary-selected-ink: #FFFFFF;
  --done: #D4FF3D;
  --done-ink: #1C2A00;
  --urgent: #A8480A;
  --cat-housing: #0E5C8A;
  --cat-transportation: #0A6E86;
  --cat-debt: #B03355;
  --cat-utilities: #8F5606;
  --cat-education: #5646CE;
  --cat-insurance: #1F7048;
  --cat-subscriptions: #8C2BA3;
  --cat-healthcare: #B83C0A;
  --cat-personal: #6F32DE;
  --cat-finance: #046B4E;
  --cat-broadband: #1A63A8;
  --cat-groceries: #8A5407;
  --cat-entertainment: #B01458;
  --cat-other: #4A5265;
  --hero-gradient: linear-gradient(200deg, #01264F, #0A4FA8, #1A73D9);
  --card-shadow: 0 1px 2px rgba(16,20,40,.06), 0 0 0 1px rgba(16,20,40,.04);
  --card-border: none;
  --r-xs: 4px;
  --r-sm: 8px;
  --r-md: 10px;
  --r-lg: 12px;
  --r-xl: 16px;
  --r-full: 999px;
  --fs-balance: 50px;
  --fs-screen-title: 26px;
  --fs-section-title: 20px;
  --fs-bill-name: 15px;
  --fs-amount: 15px;
  --fs-body: 14px;
  --fs-meta: 12px;
  --fs-tab: 10px;
  --font: "Archivo", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  --ease-standard: cubic-bezier(0.2, 0, 0, 1);
  --ease-exit: cubic-bezier(0.3, 0, 1, 1);
  --t-instant: 100ms;
  --t-fast: 160ms;
  --t-base: 240ms;
  --t-slow: 360ms;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --bg: #0A0C12;
    --card: #14171F;
    --card-elevated: #1A1D26;
    --border: #1E212B;
    --text: #F2F3F8;
    --text-secondary: #9A9BAC;
    --text-muted: #8A8CA0;
    --primary: #62B0FF;
    --primary-button-fill: #0A5CC8;
    --primary-selected-ink: #03213F;
    --done: #D4FF3D;
    --done-ink: #12190A;
    --urgent: #FFB84D;
    --cat-housing: #63C0F0;
    --cat-transportation: #54C8E0;
    --cat-debt: #FF8CA6;
    --cat-utilities: #F2B646;
    --cat-education: #AEA2FF;
    --cat-insurance: #5FD695;
    --cat-subscriptions: #DE96F2;
    --cat-healthcare: #FF9E6B;
    --cat-personal: #BBA4FF;
    --cat-finance: #4AD2A4;
    --cat-broadband: #6FB9F7;
    --cat-groceries: #EAC155;
    --cat-entertainment: #FA8CB8;
    --cat-other: #A8B1C4;
    --hero-gradient: linear-gradient(200deg, #000C15, #01162F, #01366B);
    --card-shadow: none;
    --card-border: 1px solid #1E212B;
  }
}

:root[data-theme="dark"] {
  --bg: #0A0C12;
  --card: #14171F;
  --card-elevated: #1A1D26;
  --border: #1E212B;
  --text: #F2F3F8;
  --text-secondary: #9A9BAC;
  --text-muted: #8A8CA0;
  --primary: #62B0FF;
  --primary-button-fill: #0A5CC8;
  --primary-selected-ink: #03213F;
  --done: #D4FF3D;
  --done-ink: #12190A;
  --urgent: #FFB84D;
  --cat-housing: #63C0F0;
  --cat-transportation: #54C8E0;
  --cat-debt: #FF8CA6;
  --cat-utilities: #F2B646;
  --cat-education: #AEA2FF;
  --cat-insurance: #5FD695;
  --cat-subscriptions: #DE96F2;
  --cat-healthcare: #FF9E6B;
  --cat-personal: #BBA4FF;
  --cat-finance: #4AD2A4;
  --cat-broadband: #6FB9F7;
  --cat-groceries: #EAC155;
  --cat-entertainment: #FA8CB8;
  --cat-other: #A8B1C4;
  --hero-gradient: linear-gradient(200deg, #000C15, #01162F, #01366B);
  --card-shadow: none;
  --card-border: 1px solid #1E212B;
}