/**
 * Do not edit directly, this file was auto-generated.
 */

/* ---- bleed ---- */
@layer bleed.tokens {
  [data-theme="bleed"] {
    --ink: oklch(0.45 0.31 264);
    --paper: oklch(0.97 0.005 280);
    --accent: oklch(0.77 0.24 325.04);
    --positive-subtle: oklch(from var(--positive) calc(l + 0.2) c calc(h + 50));
    --positive: oklch(0.91 0.12 179.2);
    --positive-strong: oklch(from var(--positive) calc(l - 0.4) c calc(h + 22));
    --negative-subtle: oklch(from var(--negative) calc(l + 0.2) calc(c - 0.05) h);
    --negative: oklch(0.8 0.18 -7.3);
    --negative-strong: oklch(from var(--negative) calc(l - 0.25) c h);
    --warning-subtle: oklch(from var(--warning) calc(l + 0.2) c h);
    --warning: oklch(0.93 0.12 93.18);
    --warning-strong: oklch(from var(--warning) calc(l - 0.4) calc(c + 0.05) h);
    --neutral-subtle: oklch(from var(--neutral) calc(l + 0.175) calc(c + 0.1) calc(h + 4));
    --neutral: color-mix(in oklch, var(--ink) 35%, var(--paper));
    --neutral-strong: oklch(from var(--neutral) calc(l - 0.25) c h);
    --border-w: 2px;
    --border-style: solid;
    --shadow: 4px 4px 0 var(--ink);
    --shadow-hover: 2px 2px 0 var(--ink);
    --shadow-active: 0 0 0 var(--ink);
    --hover-shift-x: 2px;
    --hover-shift-y: 2px;
    --radius: 0px;
    --transition-duration: 120ms;
    --transition-ease: cubic-bezier(0.2, 0, 0, 1);
    --transition: var(--transition-duration) var(--transition-ease);
    --font-display: "BBH Bartle", "Arial Black", system-ui, sans-serif;
    --font-body: "DM Mono", ui-monospace, "SF Mono", Menlo, monospace;
    --font-weight-normal: 400;
    --font-weight-bold: 700;
    --font-size-1: clamp(0.875rem, 0.833rem + 0.208vw, 1rem);
    --font-size-2: clamp(1rem, 0.958rem + 0.208vw, 1.125rem);
    --font-size-3: clamp(1.125rem, 1.042rem + 0.417vw, 1.375rem);
    --font-size-4: clamp(1.375rem, 1.25rem + 0.625vw, 1.75rem);
    --font-size-5: clamp(1.75rem, 1.583rem + 0.833vw, 2.25rem);
    --font-size-6: clamp(2.25rem, 2rem + 1.25vw, 3rem);
    --font-size-7: clamp(3rem, 2.667rem + 1.667vw, 4rem);
    --font-size-display-1: clamp(0.75rem, 0.688rem + 0.313vw, 0.9375rem);
    --font-size-display-2: clamp(0.9375rem, 0.833rem + 0.521vw, 1.25rem);
    --font-size-display-3: clamp(1.25rem, 1.125rem + 0.625vw, 1.625rem);
    --font-size-display-4: clamp(1.625rem, 1.479rem + 0.729vw, 2.0625rem);
    --font-size-display-5: clamp(2.0625rem, 1.854rem + 1.042vw, 2.6875rem);
    --font-size-display-6: clamp(2.6875rem, 2.417rem + 1.354vw, 3.5rem);
    --font-size-display-7: clamp(3.5rem, 3.167rem + 1.667vw, 4.5rem);
    --line-height-tight: 1.05;
    --line-height-snug: 1.25;
    --line-height-normal: 1.5;
    --letter-spacing-tight: -0.01em;
    --letter-spacing-normal: 0em;
    --letter-spacing-wide: 0.05em;
    --letter-spacing-wider: 0.12em;
    --space-1: 0.25rem;
    --space-2: 0.5rem;
    --space-3: 0.75rem;
    --space-4: 1rem;
    --space-5: 1.5rem;
    --space-6: 2rem;
    --space-7: 2.5rem;
    --space-8: 3rem;
    --space-9: 4rem;
  }
}
@layer bleed.tokens {
  [data-theme="bleed"] {
    color-scheme: light;
  }
}

/* ---- blip ---- */
@layer bleed.tokens {
  [data-theme="blip"] {
    --ink: oklch(0.9 0.07 209.09);
    --paper: oklch(0.24 0.03 232.18);
    --accent: oklch(0.9 0.03 264);
    --positive-subtle: oklch(from var(--positive) calc(l - 0.4) c h);
    --positive: var(--ink);
    --positive-strong: oklch(from var(--positive) calc(l + 0.05) c h);
    --negative-subtle: oklch(from var(--negative) calc(l - 0.52) c h);
    --negative: var(--accent);
    --negative-strong: oklch(from var(--negative) calc(l + 0.05) c h);
    --warning: color-mix(in oklch, var(--ink), var(--accent) 45%);
    --warning-subtle: oklch(from var(--warning) calc(l - 0.45) c h);
    --warning-strong: oklch(from var(--warning) calc(l + 0.05) c h);
    --neutral-subtle: oklch(from var(--neutral) calc(l - 0.08) c h);
    --neutral: color-mix(in oklch, var(--ink) 45%, var(--paper));
    --neutral-strong: oklch(from var(--neutral) calc(l + 0.15) c h);
    --border-w: 2px;
    --border-style: solid;
    --shadow: 4px 4px 0 var(--ink);
    --shadow-hover: 2px 2px 0 var(--ink);
    --shadow-active: 0 0 0 var(--ink);
    --hover-shift-x: 2px;
    --hover-shift-y: 2px;
    --radius: 0px;
    --transition-duration: 120ms;
    --transition-ease: cubic-bezier(0.2, 0, 0, 1);
    --transition: var(--transition-duration) var(--transition-ease);
    --font-display: "BBH Bartle", "Arial Black", system-ui, sans-serif;
    --font-body: "DM Mono", ui-monospace, "SF Mono", Menlo, monospace;
    --font-weight-normal: 400;
    --font-weight-bold: 700;
    --font-size-1: clamp(0.875rem, 0.833rem + 0.208vw, 1rem);
    --font-size-2: clamp(1rem, 0.958rem + 0.208vw, 1.125rem);
    --font-size-3: clamp(1.125rem, 1.042rem + 0.417vw, 1.375rem);
    --font-size-4: clamp(1.375rem, 1.25rem + 0.625vw, 1.75rem);
    --font-size-5: clamp(1.75rem, 1.583rem + 0.833vw, 2.25rem);
    --font-size-6: clamp(2.25rem, 2rem + 1.25vw, 3rem);
    --font-size-7: clamp(3rem, 2.667rem + 1.667vw, 4rem);
    --font-size-display-1: clamp(0.75rem, 0.688rem + 0.313vw, 0.9375rem);
    --font-size-display-2: clamp(0.9375rem, 0.833rem + 0.521vw, 1.25rem);
    --font-size-display-3: clamp(1.25rem, 1.125rem + 0.625vw, 1.625rem);
    --font-size-display-4: clamp(1.625rem, 1.479rem + 0.729vw, 2.0625rem);
    --font-size-display-5: clamp(2.0625rem, 1.854rem + 1.042vw, 2.6875rem);
    --font-size-display-6: clamp(2.6875rem, 2.417rem + 1.354vw, 3.5rem);
    --font-size-display-7: clamp(3.5rem, 3.167rem + 1.667vw, 4.5rem);
    --line-height-tight: 1.05;
    --line-height-snug: 1.25;
    --line-height-normal: 1.5;
    --letter-spacing-tight: -0.01em;
    --letter-spacing-normal: 0em;
    --letter-spacing-wide: 0.05em;
    --letter-spacing-wider: 0.12em;
    --space-1: 0.25rem;
    --space-2: 0.5rem;
    --space-3: 0.75rem;
    --space-4: 1rem;
    --space-5: 1.5rem;
    --space-6: 2rem;
    --space-7: 2.5rem;
    --space-8: 3rem;
    --space-9: 4rem;
  }
}
@layer bleed.tokens {
  [data-theme="blip"] {
    color-scheme: dark;
  }
}

/* ---- boring ---- */
@layer bleed.tokens {
  [data-theme="boring"] {
    --ink: oklch(0.55 0.13 255);
    --paper: oklch(0.99 0.004 250);
    --accent: oklch(0.5 0.08 255);
    --positive-subtle: oklch(from var(--positive) calc(l + 0.35) calc(c * 0.3) h);
    --positive: oklch(0.62 0.17 150);
    --positive-strong: oklch(from var(--positive) calc(l - 0.1) c h);
    --negative-subtle: oklch(from var(--negative) calc(l + 0.4) calc(c * 0.08) h);
    --negative: oklch(0.58 0.21 25);
    --negative-strong: oklch(from var(--negative) calc(l - 0.05) c h);
    --warning-subtle: oklch(from var(--warning) calc(l + 0.24) calc(c * 0.25) h);
    --warning: oklch(0.75 0.16 75);
    --warning-strong: oklch(from var(--warning) calc(l - 0.2) c h);
    --neutral-subtle: oklch(from var(--neutral) calc(l + 0.36) c h);
    --neutral: oklch(0.62 0.02 255);
    --neutral-strong: oklch(from var(--neutral) calc(l - 0.07) c h);
    --border-w: 1px;
    --border-style: solid;
    --shadow: 0 4px 12px oklch(0.5 0.05 255 / 0.18);
    --shadow-hover: 0 10px 24px oklch(0.5 0.05 255 / 0.22);
    --shadow-active: 0 2px 6px oklch(0.5 0.05 255 / 0.16);
    --hover-shift-x: 0px;
    --hover-shift-y: 0px;
    --radius: 0.25rem;
    --transition-duration: 220ms;
    --transition-ease: cubic-bezier(0.2, 0, 0, 1);
    --transition: var(--transition-duration) var(--transition-ease);
    --font-display: "Inter", system-ui, -apple-system, sans-serif;
    --font-body: "Inter", system-ui, -apple-system, sans-serif;
    --font-weight-normal: 400;
    --font-weight-bold: 700;
    --font-size-1: clamp(0.875rem, 0.833rem + 0.208vw, 1rem);
    --font-size-2: clamp(1rem, 0.958rem + 0.208vw, 1.125rem);
    --font-size-3: clamp(1.125rem, 1.042rem + 0.417vw, 1.375rem);
    --font-size-4: clamp(1.375rem, 1.25rem + 0.625vw, 1.75rem);
    --font-size-5: clamp(1.75rem, 1.583rem + 0.833vw, 2.25rem);
    --font-size-6: clamp(2.25rem, 2rem + 1.25vw, 3rem);
    --font-size-7: clamp(3rem, 2.667rem + 1.667vw, 4rem);
    --font-size-display-1: clamp(0.75rem, 0.688rem + 0.313vw, 0.9375rem);
    --font-size-display-2: clamp(0.9375rem, 0.833rem + 0.521vw, 1.25rem);
    --font-size-display-3: clamp(1.25rem, 1.125rem + 0.625vw, 1.625rem);
    --font-size-display-4: clamp(1.625rem, 1.479rem + 0.729vw, 2.0625rem);
    --font-size-display-5: clamp(2.0625rem, 1.854rem + 1.042vw, 2.6875rem);
    --font-size-display-6: clamp(2.6875rem, 2.417rem + 1.354vw, 3.5rem);
    --font-size-display-7: clamp(3.5rem, 3.167rem + 1.667vw, 4.5rem);
    --line-height-tight: 1.15;
    --line-height-snug: 1.3;
    --line-height-normal: 1.6;
    --letter-spacing-tight: -0.015em;
    --letter-spacing-normal: 0em;
    --letter-spacing-wide: 0.01em;
    --letter-spacing-wider: 0.06em;
    --space-1: 0.25rem;
    --space-2: 0.5rem;
    --space-3: 0.75rem;
    --space-4: 1rem;
    --space-5: 1.5rem;
    --space-6: 2rem;
    --space-7: 2.5rem;
    --space-8: 3rem;
    --space-9: 4rem;
  }
}
@layer bleed.tokens {
  [data-theme="boring"] {
    color-scheme: light;
  }
}