/* Generated from tokens.json. Edit the JSON and rerun build-tokens.py. */
:root, [data-theme="cafe"] {
  --ula-bg: #F7F3EA;
  --ula-surface: #FFFDF8;
  --ula-surface-raised: #ECE5D8;
  --ula-border: #D5CBBB;
  --ula-border-input: #827462;
  --ula-text: #282D25;
  --ula-text-muted: #635A4E;
  --ula-accent: #244B3E;
  --ula-accent-hover: #1A3B30;
  --ula-on-accent: #FFFDF8;
  --ula-highlight: #E9D7B3;
  --ula-focus: #246D5A;
  --ula-danger: #A23A32;
  --ula-danger-bg: #F9E8E2;
  --ula-success: #246344;
  --ula-success-bg: #E4EFE2;
  --ula-warning: #7C540B;
  --ula-warning-bg: #F6EAC8;
  --ula-disabled-text: #625D53;
  --ula-disabled-bg: #E5E1D8;
  --ula-red: #8D3831;
  --ula-red-bg: #F8E1DB;
  --ula-green: #29583A;
  --ula-green-bg: #E1ECDD;
  --ula-blue: #255D82;
  --ula-blue-bg: #E1ECF4;
}
[data-theme="tcg"] {
  --ula-bg: #131D1A;
  --ula-surface: #1C2A25;
  --ula-surface-raised: #27392F;
  --ula-border: #3D5346;
  --ula-border-input: #819584;
  --ula-text: #F2F0E5;
  --ula-text-muted: #BECCBB;
  --ula-accent: #DCC28A;
  --ula-accent-hover: #EBD7AE;
  --ula-on-accent: #17251C;
  --ula-highlight: #345546;
  --ula-focus: #E7CB91;
  --ula-danger: #FFB6A4;
  --ula-danger-bg: #4A2B25;
  --ula-success: #AAD7B5;
  --ula-success-bg: #214634;
  --ula-warning: #F1D69B;
  --ula-warning-bg: #4F4124;
  --ula-disabled-text: #A8B8A8;
  --ula-disabled-bg: #2E3C33;
  --ula-red: #F2AAA4;
  --ula-red-bg: #4D2D2C;
  --ula-green: #AED5AF;
  --ula-green-bg: #29442E;
  --ula-blue: #AFCDEB;
  --ula-blue-bg: #243C52;
}
:root {
  --ula-font-sans: "Be Vietnam Pro", system-ui, -apple-system, "Segoe UI", sans-serif;
  --ula-font-display: "Be Vietnam Pro", system-ui, sans-serif;
  --ula-font-mono: ui-monospace, Consolas, monospace;
  --ula-type-xs-size: 12px;
  --ula-type-xs-line: 18px;
  --ula-type-xs-weight: 500;
  --ula-type-sm-size: 14px;
  --ula-type-sm-line: 22px;
  --ula-type-sm-weight: 400;
  --ula-type-base-size: 16px;
  --ula-type-base-line: 26px;
  --ula-type-base-weight: 400;
  --ula-type-lg-size: 20px;
  --ula-type-lg-line: 30px;
  --ula-type-lg-weight: 600;
  --ula-type-xl-size: 28px;
  --ula-type-xl-line: 36px;
  --ula-type-xl-weight: 650;
  --ula-type-title-size: 40px;
  --ula-type-title-line: 48px;
  --ula-type-title-weight: 650;
  --ula-type-display-size: 56px;
  --ula-type-display-line: 64px;
  --ula-type-display-weight: 650;
  --ula-space-0: 0px;
  --ula-space-4: 4px;
  --ula-space-8: 8px;
  --ula-space-12: 12px;
  --ula-space-16: 16px;
  --ula-space-20: 20px;
  --ula-space-24: 24px;
  --ula-space-32: 32px;
  --ula-space-40: 40px;
  --ula-space-48: 48px;
  --ula-space-64: 64px;
  --ula-space-80: 80px;
  --ula-space-96: 96px;
  --ula-radius-sm: 6px;
  --ula-radius-md: 12px;
  --ula-radius-lg: 20px;
  --ula-radius-xl: 28px;
  --ula-radius-pill: 999px;
  --ula-shadow-card: 0 2px 8px rgb(20 30 20 / 0.06);
  --ula-shadow-pop: 0 16px 48px rgb(10 20 10 / 0.20);
  --ula-motion-fast: 120ms;
  --ula-motion-base: 200ms;
  --ula-motion-slow: 320ms;
  --ula-motion-ease: cubic-bezier(.2,.8,.2,1);
  --ula-z-base: 0;
  --ula-z-sticky: 20;
  --ula-z-drawer: 40;
  --ula-z-modal: 60;
  --ula-z-toast: 80;
  --ula-backdrop: rgb(10 20 15 / .68);
}
@media (prefers-reduced-motion: reduce) { :root { --ula-motion-fast: 0ms; --ula-motion-base: 0ms; --ula-motion-slow: 0ms; } }