/* TangleKite — generated from tokens.json by build-tokens.mjs. Do not edit by hand. */

:root, [data-theme="dark"] {
  --ink: #1c1218;
  --paper: #f6ebe4;
  --amber: #f2b84b;
  --rose: #ef8f8f;
  --body-bg: #1c1218;
  --body-color: #f6ebe4;
  --secondary-color: #c2a9ad;
  --tertiary-bg: #2a1b23;
  --secondary-bg: #36232d;
  --border-color: #f6ebe4;
  --border-subtle: #8a6672;
  --shadow-color: #f6ebe4;
  --surface: #f6ebe4;
  --surface-raised: #fffaf5;
  --surface-sunken: #ecdcd2;
  --on-surface: #1c1218;
  --on-surface-muted: #5e4650;
  --surface-border: #1c1218;
  --surface-divider: #8a6672;
  --on-ink: #f6ebe4;
  --on-ink-muted: #c2a9ad;
  --field-bg: #fffaf5;
  --field-color: #1c1218;
  --field-placeholder: #6f5661;
  --input-addon-bg: #f7d58e;
  --disabled-bg: #d6c6bf;
  --disabled-color: #5e4650;
  --primary: #f2b84b;
  --on-primary: #1c1218;
  --primary-text: #f2b84b;
  --primary-text-emphasis: #8a5300;
  --primary-bg-subtle: #fbe6b5;
  --secondary: #d9c7c0;
  --accent: var(--rose);
  --on-status: #1c1218;
  --success: #8fd694;
  --success-text: #8fd694;
  --success-text-emphasis: #1b6e36;
  --success-bg-subtle: #d9f2da;
  --warning: #ff9f5a;
  --warning-text: #ff9f5a;
  --warning-text-emphasis: #9a4a00;
  --warning-bg-subtle: #ffe3c9;
  --danger: #ff7b72;
  --danger-text: #ff7b72;
  --danger-text-emphasis: #b3261e;
  --danger-bg-subtle: #ffdcd8;
  --info: #8ec5e8;
  --info-text: #8ec5e8;
  --info-text-emphasis: #0b5fa8;
  --info-bg-subtle: #d9ecf8;
  --link-color: #f2b84b;
  --link-hover-color: #ffd98a;
  --surface-link-color: #8a5300;
  --focus-ring: #d6336c;
  --wordmark-slash: #f2b84b;
  --wordmark-slash-on-surface: #a86a00;
  --modal-backdrop: rgba(0, 0, 0, 0.62);
  --overlay-message-bg: var(--paper);
  --overlay-message-color: var(--ink);
  --overlay-scrim: rgba(28, 18, 24, 0.6);
  --slot-1: #f2b84b;
  --slot-2: #ef8f8f;
  --slot-3: #8fd694;
  --slot-4: #8ec5e8;
  --slot-5: #ff9f5a;
  --slot-6: #c4a8f0;
  --slot-7: #6fd3c4;
  --slot-8: #f3e06a;
  --slot-9: #f5a3cf;
  --slot-10: #d9c2a3;
  --shadow-card: 6px 6px 0 #ef8f8f;
  --shadow-hero: 6px 6px 0 #f2b84b;
  --shadow-modal: 10px 10px 0 #f2b84b;
  --shadow-overlay: 3px 3px 0 #1c1218;
}

[data-theme="light"] {
  --body-bg: #f6ebe4;
  --body-color: #1c1218;
  --secondary-color: #5e4650;
  --tertiary-bg: #ecdcd2;
  --secondary-bg: #e3cfc4;
  --border-color: #1c1218;
  --shadow-color: #1c1218;
  --surface: #fffaf5;
  --surface-raised: #ffffff;
  --surface-sunken: #f6ebe4;
  --field-bg: #ffffff;
  --primary-text: #8a5300;
  --success-text: #1b6e36;
  --warning-text: #9a4a00;
  --danger-text: #b3261e;
  --info-text: #0b5fa8;
  --link-color: #8a5300;
  --link-hover-color: #5e3900;
  --wordmark-slash: #a86a00;
}

:root {
  --font-display: "Bowlby One", "Arial Black", system-ui, sans-serif;
  --font-sans: "Work Sans", system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-mono: ui-monospace, "Cascadia Mono", Consolas, monospace;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --space-7: 48px;
  --space-8: 80px;
  --radius-sm: 6px;
  --radius: 10px;
  --radius-lg: 14px;
  --radius-pill: 999px;
  --border-width: 2.5px;
  --border-width-thin: 2px;
  --elevation-1: 3px;
  --elevation-2: 4px;
  --elevation-3: 6px;
  --elevation-4: 10px;
  --duration-fast: 100ms;
  --duration-base: 180ms;
  --duration-slow: 320ms;
  --duration-cluster: 800ms;
  --duration-fade: 2500ms;
  --ease-out: cubic-bezier(0.2, 0, 0, 1);
  --ease-pop: cubic-bezier(0.34, 1.56, 0.64, 1);
}