/* Butter Toast Design System v1.0.0
   Generated 2026-09-22. Do not edit by hand.
   Source of truth: palette.py, theme.py, scale.py */

:root {
  /* primitives */
  --bt-blue-50: #F0F5FF;
  --bt-blue-100: #DCE9FF;
  --bt-blue-200: #BED5FF;
  --bt-blue-300: #95BBFF;
  --bt-blue-400: #679AFC;
  --bt-blue-500: #487BE1;
  --bt-blue-600: #2B5DC3;
  --bt-blue-700: #1A4BB0;
  --bt-blue-800: #002985;
  --bt-blue-900: #00195A;
  --bt-blue-950: #000A36;
  --bt-tomato-50: #FFF2EF;
  --bt-tomato-100: #FFE0D9;
  --bt-tomato-200: #FFC4B8;
  --bt-tomato-300: #FF9C8A;
  --bt-tomato-400: #FB6651;
  --bt-tomato-500: #D84330;
  --bt-tomato-600: #B72210;
  --bt-tomato-700: #900B00;
  --bt-tomato-800: #690500;
  --bt-tomato-900: #460200;
  --bt-tomato-950: #280000;
  --bt-butter-50: #FFF4DC;
  --bt-butter-100: #FFE5AE;
  --bt-butter-200: #FABD00;
  --bt-butter-300: #EAB000;
  --bt-butter-400: #C59400;
  --bt-butter-500: #A27900;
  --bt-butter-600: #805F00;
  --bt-butter-700: #614700;
  --bt-butter-800: #453200;
  --bt-butter-900: #2D1F00;
  --bt-butter-950: #180F00;
  --bt-basil-50: #DDFFE7;
  --bt-basil-100: #A6FFC6;
  --bt-basil-200: #86EEAD;
  --bt-basil-300: #65D592;
  --bt-basil-400: #3EB773;
  --bt-basil-500: #039957;
  --bt-basil-600: #007943;
  --bt-basil-700: #005B31;
  --bt-basil-800: #004122;
  --bt-basil-900: #002A14;
  --bt-basil-950: #001607;
  --bt-neutral-0: #FFFDFB;
  --bt-neutral-50: #F7EFD1;
  --bt-neutral-100: #F1E8E0;
  --bt-neutral-200: #DFD5CD;
  --bt-neutral-300: #C6BCB3;
  --bt-neutral-400: #A79C94;
  --bt-neutral-500: #887E76;
  --bt-neutral-600: #6B615A;
  --bt-neutral-700: #4E463F;
  --bt-neutral-800: #362F29;
  --bt-neutral-900: #231F20;
  --bt-neutral-950: #17110D;
  --bt-neutral-1000: #0C0704;

  /* type */
  --bt-font-display: 'Jayagiri', 'Poppins', system-ui, sans-serif;
  --bt-font-text: 'Poppins', system-ui, -apple-system, sans-serif;
  --bt-font-hand: 'Caveat', cursive;
  --bt-font-mono: ui-monospace, SFMono-Regular, Menlo, monospace;
  --bt-type-display-size: 61px;
  --bt-type-display-lh: 1.02;
  --bt-type-display-weight: 400;
  --bt-type-display-track: -0.02em;
  --bt-type-h1-size: 49px;
  --bt-type-h1-lh: 1.04;
  --bt-type-h1-weight: 400;
  --bt-type-h1-track: -0.02em;
  --bt-type-h2-size: 39px;
  --bt-type-h2-lh: 1.06;
  --bt-type-h2-weight: 400;
  --bt-type-h2-track: -0.02em;
  --bt-type-h3-size: 31px;
  --bt-type-h3-lh: 1.10;
  --bt-type-h3-weight: 400;
  --bt-type-h3-track: -0.02em;
  --bt-type-h4-size: 25px;
  --bt-type-h4-lh: 1.20;
  --bt-type-h4-weight: 400;
  --bt-type-h4-track: -0.02em;
  --bt-type-body-lg-size: 18px;
  --bt-type-body-lg-lh: 1.60;
  --bt-type-body-lg-weight: 400;
  --bt-type-body-lg-track: 0;
  --bt-type-body-size: 16px;
  --bt-type-body-lh: 1.65;
  --bt-type-body-weight: 400;
  --bt-type-body-track: 0;
  --bt-type-body-sm-size: 14px;
  --bt-type-body-sm-lh: 1.60;
  --bt-type-body-sm-weight: 400;
  --bt-type-body-sm-track: 0;
  --bt-type-caption-size: 13px;
  --bt-type-caption-lh: 1.55;
  --bt-type-caption-weight: 400;
  --bt-type-caption-track: 0;
  --bt-type-label-size: 11px;
  --bt-type-label-lh: 1.40;
  --bt-type-label-weight: 700;
  --bt-type-label-track: 0.2em;
  --bt-type-data-size: 13px;
  --bt-type-data-lh: 1.45;
  --bt-type-data-weight: 400;
  --bt-type-data-track: 0;
  --bt-type-data-strong-size: 13px;
  --bt-type-data-strong-lh: 1.45;
  --bt-type-data-strong-weight: 600;
  --bt-type-data-strong-track: 0;
  --bt-type-code-size: 13px;
  --bt-type-code-lh: 1.55;
  --bt-type-code-weight: 400;
  --bt-type-code-track: 0;
  --bt-tracking-lockup: -0.085em;

  /* space, shape, motion, state, layout */
  --bt-space-050: 2px;
  --bt-space-100: 4px;
  --bt-space-150: 6px;
  --bt-space-200: 8px;
  --bt-space-300: 12px;
  --bt-space-400: 16px;
  --bt-space-500: 20px;
  --bt-space-600: 24px;
  --bt-space-800: 32px;
  --bt-space-1000: 40px;
  --bt-space-1200: 48px;
  --bt-space-1600: 64px;
  --bt-space-2000: 80px;
  --bt-space-2400: 96px;
  --bt-corner-none: 0;
  --bt-corner-pill: 999px;
  --bt-duration-short: 150ms;
  --bt-duration-medium: 240ms;
  --bt-duration-long: 400ms;
  --bt-duration-mark: 900ms;
  --bt-ease-standard: cubic-bezier(.4, 0, .2, 1);
  --bt-ease-enter: cubic-bezier(0, 0, .2, 1);
  --bt-ease-exit: cubic-bezier(.4, 0, 1, 1);
  --bt-state-hover: 0.08;
  --bt-state-focus: 0.12;
  --bt-state-pressed: 0.12;
  --bt-state-dragged: 0.16;
  --bt-state-disabled-content: 0.38;
  --bt-state-disabled-container: 0.12;
  --bt-max-body: 1280px;
  --bt-measure: 75ch;
  --bt-base-unit: 4px;
  --bt-touch-target: 44px;
}

/* semantic roles, light */
[data-theme='light'], :root {
  --bt-bg-page: #F7EFD1;
  --bt-bg-surface: #FBF6E2;
  --bt-bg-surface-raised: #FFFDFB;
  --bt-bg-surface-sunken: #F1E6BE;
  --bt-bg-surface-data: #F1E8E0;
  --bt-bg-inverse: #231F20;
  --bt-bg-fill-primary: #1A4BB0;
  --bt-bg-fill-danger: #B72210;
  --bt-bg-fill-brand-tomato: #D84330;
  --bt-bg-fill-warning: #FABD00;
  --bt-bg-fill-success: #007943;
  --bt-bg-fill-neutral: #DFD5CD;
  --bt-bg-fill-danger-subtle: #FFF2EF;
  --bt-bg-fill-warning-subtle: #FFF4DC;
  --bt-bg-fill-success-subtle: #DDFFE7;
  --bt-bg-fill-info-subtle: #F0F5FF;
  --bt-text-primary: #231F20;
  --bt-text-secondary: #4E463F;
  --bt-text-muted: #6B615A;
  --bt-text-on-fill: #F7EFD1;
  --bt-text-on-fill-warm: #231F20;
  --bt-text-link: #1A4BB0;
  --bt-text-danger: #B72210;
  --bt-text-warning: #805F00;
  --bt-text-success: #007943;
  --bt-border-subtle: #DFD2A8;
  --bt-border-container: #C9B87F;
  --bt-border-control: #887E76;
  --bt-border-input: #6B615A;
  --bt-focus-ring: #231F20;
  --bt-focus-ring-contrast: #FFFDFB;
}

/* semantic roles, dark */
[data-theme='dark'] {
  --bt-bg-page: #17110D;
  --bt-bg-surface: #231F20;
  --bt-bg-surface-raised: #362F29;
  --bt-bg-surface-sunken: #0C0704;
  --bt-bg-surface-data: #17110D;
  --bt-bg-inverse: #F7EFD1;
  --bt-bg-fill-primary: #679AFC;
  --bt-bg-fill-danger: #FB6651;
  --bt-bg-fill-warning: #FABD00;
  --bt-bg-fill-success: #3EB773;
  --bt-bg-fill-neutral: #4E463F;
  --bt-bg-fill-danger-subtle: #280000;
  --bt-bg-fill-warning-subtle: #180F00;
  --bt-bg-fill-success-subtle: #001607;
  --bt-bg-fill-info-subtle: #000A36;
  --bt-text-primary: #F7EFD1;
  --bt-text-secondary: #DFD5CD;
  --bt-text-muted: #A79C94;
  --bt-text-on-fill: #0C0704;
  --bt-text-on-fill-warm: #0C0704;
  --bt-text-link: #95BBFF;
  --bt-text-danger: #FF9C8A;
  --bt-text-warning: #FABD00;
  --bt-text-success: #65D592;
  --bt-border-subtle: #362F29;
  --bt-border-container: #4E463F;
  --bt-border-control: #A79C94;
  --bt-border-input: #887E76;
  --bt-focus-ring: #FFFDFB;
  --bt-focus-ring-contrast: #0C0704;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme='light']) {
    --bt-bg-page: #17110D;
    --bt-bg-surface: #231F20;
    --bt-bg-surface-raised: #362F29;
    --bt-bg-surface-sunken: #0C0704;
    --bt-bg-surface-data: #17110D;
    --bt-bg-inverse: #F7EFD1;
    --bt-bg-fill-primary: #679AFC;
    --bt-bg-fill-danger: #FB6651;
    --bt-bg-fill-warning: #FABD00;
    --bt-bg-fill-success: #3EB773;
    --bt-bg-fill-neutral: #4E463F;
    --bt-bg-fill-danger-subtle: #280000;
    --bt-bg-fill-warning-subtle: #180F00;
    --bt-bg-fill-success-subtle: #001607;
    --bt-bg-fill-info-subtle: #000A36;
    --bt-text-primary: #F7EFD1;
    --bt-text-secondary: #DFD5CD;
    --bt-text-muted: #A79C94;
    --bt-text-on-fill: #0C0704;
    --bt-text-on-fill-warm: #0C0704;
    --bt-text-link: #95BBFF;
    --bt-text-danger: #FF9C8A;
    --bt-text-warning: #FABD00;
    --bt-text-success: #65D592;
    --bt-border-subtle: #362F29;
    --bt-border-container: #4E463F;
    --bt-border-control: #A79C94;
    --bt-border-input: #887E76;
    --bt-focus-ring: #FFFDFB;
    --bt-focus-ring-contrast: #0C0704;
  }
}

/* per app accents. Set data-app on the root element. */
[data-app='kitchentools'] {
  --bt-accent: #DA4532;
  --bt-accent-solid: #B51F0E;
  --bt-accent-on: #F7EFD1;
  --bt-accent-hover: #920C00;
  --bt-accent-pressed: #690500;
  --bt-accent-subtle: #FFEDEA;
  --bt-accent-text: #B51F0E;
}
[data-app='kitchentools'][data-theme='dark'], [data-theme='dark'] [data-app='kitchentools'] {
  --bt-accent: #FD6852;
  --bt-accent-solid: #FD6852;
  --bt-accent-on: #0C0704;
  --bt-accent-hover: #FF9684;
  --bt-accent-pressed: #FFBAAD;
  --bt-accent-subtle: #460200;
  --bt-accent-text: #FF9684;
}
[data-app='roster'] {
  --bt-accent: #2F9565;
  --bt-accent-solid: #00764A;
  --bt-accent-on: #F7EFD1;
  --bt-accent-hover: #005D39;
  --bt-accent-pressed: #004126;
  --bt-accent-subtle: #CFFFE2;
  --bt-accent-text: #00764A;
}
[data-app='roster'][data-theme='dark'], [data-theme='dark'] [data-app='roster'] {
  --bt-accent: #52B583;
  --bt-accent-solid: #52B583;
  --bt-accent-on: #0C0704;
  --bt-accent-hover: #6ECF9B;
  --bt-accent-pressed: #87E5B2;
  --bt-accent-subtle: #002A17;
  --bt-accent-text: #6ECF9B;
}
[data-app='cellar'] {
  --bt-accent: #AA7400;
  --bt-accent-solid: #845A00;
  --bt-accent-on: #F7EFD1;
  --bt-accent-hover: #684600;
  --bt-accent-pressed: #493000;
  --bt-accent-subtle: #FFEFD8;
  --bt-accent-text: #845A00;
}
[data-app='cellar'][data-theme='dark'], [data-theme='dark'] [data-app='cellar'] {
  --bt-accent: #CF9113;
  --bt-accent-solid: #CF9113;
  --bt-accent-on: #0C0704;
  --bt-accent-hover: #EAAA3A;
  --bt-accent-pressed: #FFC15D;
  --bt-accent-subtle: #301E00;
  --bt-accent-text: #EAAA3A;
}
[data-app='spread'] {
  --bt-accent: #3287C2;
  --bt-accent-solid: #0969A0;
  --bt-accent-on: #F7EFD1;
  --bt-accent-hover: #00527F;
  --bt-accent-pressed: #00395A;
  --bt-accent-subtle: #E6F4FF;
  --bt-accent-text: #0969A0;
}
[data-app='spread'][data-theme='dark'], [data-theme='dark'] [data-app='spread'] {
  --bt-accent: #53A6E3;
  --bt-accent-solid: #53A6E3;
  --bt-accent-on: #0C0704;
  --bt-accent-hover: #6EC0FD;
  --bt-accent-pressed: #9FD5FF;
  --bt-accent-subtle: #00243C;
  --bt-accent-text: #6EC0FD;
}
[data-app='chef'] {
  --bt-accent: #DA4532;
  --bt-accent-solid: #B51F0E;
  --bt-accent-on: #F7EFD1;
  --bt-accent-hover: #920C00;
  --bt-accent-pressed: #690500;
  --bt-accent-subtle: #FFEDEA;
  --bt-accent-text: #B51F0E;
}
[data-app='chef'][data-theme='dark'], [data-theme='dark'] [data-app='chef'] {
  --bt-accent: #FD6852;
  --bt-accent-solid: #FD6852;
  --bt-accent-on: #0C0704;
  --bt-accent-hover: #FF9684;
  --bt-accent-pressed: #FFBAAD;
  --bt-accent-subtle: #460200;
  --bt-accent-text: #FF9684;
}
[data-app='scout'] {
  --bt-accent: #CB5900;
  --bt-accent-solid: #9F4400;
  --bt-accent-on: #F7EFD1;
  --bt-accent-hover: #7D3400;
  --bt-accent-pressed: #592300;
  --bt-accent-subtle: #FFEEE5;
  --bt-accent-text: #9F4400;
}
[data-app='scout'][data-theme='dark'], [data-theme='dark'] [data-app='scout'] {
  --bt-accent: #F77112;
  --bt-accent-solid: #F77112;
  --bt-accent-on: #0C0704;
  --bt-accent-hover: #FF9964;
  --bt-accent-pressed: #FFBC9B;
  --bt-accent-subtle: #3B1400;
  --bt-accent-text: #FF9964;
}
[data-app='simmer'] {
  --bt-accent: #0D9488;
  --bt-accent-solid: #00736A;
  --bt-accent-on: #F7EFD1;
  --bt-accent-hover: #005A52;
  --bt-accent-pressed: #003F39;
  --bt-accent-subtle: #C6FFF7;
  --bt-accent-text: #00736A;
}
[data-app='simmer'][data-theme='dark'], [data-theme='dark'] [data-app='simmer'] {
  --bt-accent: #43B3A6;
  --bt-accent-solid: #43B3A6;
  --bt-accent-on: #0C0704;
  --bt-accent-hover: #63CCBF;
  --bt-accent-pressed: #7FE2D5;
  --bt-accent-subtle: #002824;
  --bt-accent-text: #63CCBF;
}
[data-app='drizzle'] {
  --bt-accent: #E32C51;
  --bt-accent-solid: #BA0039;
  --bt-accent-on: #F7EFD1;
  --bt-accent-hover: #93002B;
  --bt-accent-pressed: #69001C;
  --bt-accent-subtle: #FFEDED;
  --bt-accent-text: #BA0039;
}
[data-app='drizzle'][data-theme='dark'], [data-theme='dark'] [data-app='drizzle'] {
  --bt-accent: #FF5F73;
  --bt-accent-solid: #FF5F73;
  --bt-accent-on: #0C0704;
  --bt-accent-hover: #FF939A;
  --bt-accent-pressed: #FFB8BB;
  --bt-accent-subtle: #460010;
  --bt-accent-text: #FF939A;
}
[data-app='platter'] {
  --bt-accent: #009B2E;
  --bt-accent-solid: #007921;
  --bt-accent-on: #F7EFD1;
  --bt-accent-hover: #005E18;
  --bt-accent-pressed: #00420E;
  --bt-accent-subtle: #D4FFD5;
  --bt-accent-text: #007921;
}
[data-app='platter'][data-theme='dark'], [data-theme='dark'] [data-app='platter'] {
  --bt-accent: #14BE3E;
  --bt-accent-solid: #14BE3E;
  --bt-accent-on: #0C0704;
  --bt-accent-hover: #41D959;
  --bt-accent-pressed: #5FF071;
  --bt-accent-subtle: #002B06;
  --bt-accent-text: #41D959;
}
[data-app='menu'] {
  --bt-accent: #009B2E;
  --bt-accent-solid: #007921;
  --bt-accent-on: #F7EFD1;
  --bt-accent-hover: #005E18;
  --bt-accent-pressed: #00420E;
  --bt-accent-subtle: #D4FFD5;
  --bt-accent-text: #007921;
}
[data-app='menu'][data-theme='dark'], [data-theme='dark'] [data-app='menu'] {
  --bt-accent: #14BE3E;
  --bt-accent-solid: #14BE3E;
  --bt-accent-on: #0C0704;
  --bt-accent-hover: #41D959;
  --bt-accent-pressed: #5FF071;
  --bt-accent-subtle: #002B06;
  --bt-accent-text: #41D959;
}
[data-app='cuts'] {
  --bt-accent: #A04CEE;
  --bt-accent-solid: #8128C9;
  --bt-accent-on: #F7EFD1;
  --bt-accent-hover: #6900AB;
  --bt-accent-pressed: #4A007B;
  --bt-accent-subtle: #F5EEFF;
  --bt-accent-text: #8128C9;
}
[data-app='cuts'][data-theme='dark'], [data-theme='dark'] [data-app='cuts'] {
  --bt-accent: #B979FF;
  --bt-accent-solid: #B979FF;
  --bt-accent-on: #0C0704;
  --bt-accent-hover: #CBA0FF;
  --bt-accent-pressed: #DBBFFF;
  --bt-accent-subtle: #300053;
  --bt-accent-text: #CBA0FF;
}
[data-app='stock'] {
  --bt-accent: #DA4532;
  --bt-accent-solid: #B51F0E;
  --bt-accent-on: #F7EFD1;
  --bt-accent-hover: #920C00;
  --bt-accent-pressed: #690500;
  --bt-accent-subtle: #FFEDEA;
  --bt-accent-text: #B51F0E;
}
[data-app='stock'][data-theme='dark'], [data-theme='dark'] [data-app='stock'] {
  --bt-accent: #FD6852;
  --bt-accent-solid: #FD6852;
  --bt-accent-on: #0C0704;
  --bt-accent-hover: #FF9684;
  --bt-accent-pressed: #FFBAAD;
  --bt-accent-subtle: #460200;
  --bt-accent-text: #FF9684;
}
[data-app='recipe'] {
  --bt-accent: #487BE1;
  --bt-accent-solid: #2A5CC2;
  --bt-accent-on: #F7EFD1;
  --bt-accent-hover: #1243A7;
  --bt-accent-pressed: #002985;
  --bt-accent-subtle: #EBF2FF;
  --bt-accent-text: #2A5CC2;
}
[data-app='recipe'][data-theme='dark'], [data-theme='dark'] [data-app='recipe'] {
  --bt-accent: #699CFD;
  --bt-accent-solid: #699CFD;
  --bt-accent-on: #0C0704;
  --bt-accent-hover: #90B7FF;
  --bt-accent-pressed: #B4CFFF;
  --bt-accent-subtle: #00195A;
  --bt-accent-text: #90B7FF;
}