/* Generated by tools/build_presets.py from api/app/design/*.json -- edit the data, not this file. */
:root[data-preset="breadbin"] {
  --radius-xs: 0px;
  --radius-sm: 2px;
  --radius-md: 2px;
  --radius-lg: 4px;
  --radius-pill: 2px;
  --border-w: 2px;
  --stripe-h: 4px;
  --stripe-image: linear-gradient(90deg, var(--stripe-1) 0 20%, var(--stripe-2) 20% 40%, var(--stripe-3) 40% 60%, var(--stripe-4) 60% 80%, var(--stripe-5) 80% 100%);
  --font-display: "IBM Plex Sans", system-ui, sans-serif;
  --surface: #e9e1cf;
  --surface-raised: #f4eedf;
  --surface-sunken: #ddd3bb;
  --surface-hover: #d0c5a9;
  --surface-nav: #f4eedf;
  --band: #4a3f2f;
  --band-text: #f4eedf;
  --band-muted: #d9cfb6;
  --text: #2a2418;
  --text-muted: #5c5340;
  --line: #cbbfa3;
  --line-strong: #7d745e;
  --accent: #40318d;
  --accent-fill: #40318d;
  --on-accent: #f4eedf;
  --accent-track: #d5cde0;
  --focus: #40318d;
  --danger: #8f2a0a;
  --danger-line: #a5502e;
  --danger-wash: #ecd3bd;
  --warning: #6b4700;
  --warning-wash: #eedfae;
  --success: #2f5a1e;
  --success-wash: #d9dfb8;
  --scrim: #1a140cd8;
  --on-scrim: #f4eedf;
  --on-scrim-muted: #d0c6ae;
  --on-scrim-danger: #ffb9a0;
  --stripe-1: #c8352b;
  --stripe-2: #e07b28;
  --stripe-3: #e3bd2e;
  --stripe-4: #4f9a3a;
  --stripe-5: #2f6fc4;
  --shadow-pop: 4px 4px 0 #4a3f2f40;
}
:root[data-preset="breadbin"][data-theme="dark"] {
  --surface: #1f1a4d;
  --surface-raised: #28225f;
  --surface-sunken: #342d78;
  --surface-hover: #3f3790;
  --surface-nav: #28225f;
  --band: #9d92e3;
  --band-text: #0f0d2b;
  --band-muted: #1b1745;
  --text: #dedaff;
  --text-muted: #b3abf0;
  --line: #3b3485;
  --line-strong: #8a80d6;
  --accent: #a5e6ee;
  --accent-fill: #a5e6ee;
  --on-accent: #0f0d2b;
  --accent-track: #2e2a66;
  --focus: #a5e6ee;
  --danger: #ffb9a0;
  --danger-line: #c98a78;
  --danger-wash: #4a2a52;
  --warning: #ffe08a;
  --warning-wash: #453a4a;
  --success: #b5f0b0;
  --success-wash: #2b3d5e;
  --scrim: #0a0824e0;
  --on-scrim: #dedaff;
  --on-scrim-muted: #b3abf0;
  --on-scrim-danger: #ffb9a0;
  --stripe-1: #ff5a4d;
  --stripe-2: #ff9a3d;
  --stripe-3: #ffd84a;
  --stripe-4: #6fd25a;
  --stripe-5: #5aa8ff;
  --shadow-pop: 4px 4px 0 #0f0d2b99;
}
@media (prefers-color-scheme: dark) {
  :root[data-preset="breadbin"]:not([data-theme]) {
    --surface: #1f1a4d;
    --surface-raised: #28225f;
    --surface-sunken: #342d78;
    --surface-hover: #3f3790;
    --surface-nav: #28225f;
    --band: #9d92e3;
    --band-text: #0f0d2b;
    --band-muted: #1b1745;
    --text: #dedaff;
    --text-muted: #b3abf0;
    --line: #3b3485;
    --line-strong: #8a80d6;
    --accent: #a5e6ee;
    --accent-fill: #a5e6ee;
    --on-accent: #0f0d2b;
    --accent-track: #2e2a66;
    --focus: #a5e6ee;
    --danger: #ffb9a0;
    --danger-line: #c98a78;
    --danger-wash: #4a2a52;
    --warning: #ffe08a;
    --warning-wash: #453a4a;
    --success: #b5f0b0;
    --success-wash: #2b3d5e;
    --scrim: #0a0824e0;
    --on-scrim: #dedaff;
    --on-scrim-muted: #b3abf0;
    --on-scrim-danger: #ffb9a0;
    --stripe-1: #ff5a4d;
    --stripe-2: #ff9a3d;
    --stripe-3: #ffd84a;
    --stripe-4: #6fd25a;
    --stripe-5: #5aa8ff;
    --shadow-pop: 4px 4px 0 #0f0d2b99;
  }
}