/* Generated by brand/build_brand.py from brand/tokens.json. Do not edit. */

@font-face {
  font-family: "JetBrains Mono";
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  src: url("/jetbrains-mono-400.woff2") format("woff2");
}
@font-face {
  font-family: "JetBrains Mono";
  font-weight: 600;
  font-style: normal;
  font-display: swap;
  src: url("/jetbrains-mono-600.woff2") format("woff2");
}
@font-face {
  font-family: "JetBrains Mono";
  font-weight: 700;
  font-style: normal;
  font-display: swap;
  src: url("/jetbrains-mono-700.woff2") format("woff2");
}

:root {
  color-scheme: light dark;

  /* palette - raw ramps, theme-independent */
  --orange-50: #FCF7F3;
  --orange-100: #F8ECE2;
  --orange-200: #FBD3B1;
  --orange-300: #FDB172;
  --orange-400: #FD9744;
  --orange-500: #FD811C;
  --orange-600: #F06F05;
  --orange-700: #B8580A;
  --orange-800: #8A460F;
  --orange-900: #5B3210;
  --orange-950: #361F0C;

  --neutral-0: #FFFFFF;
  --neutral-50: #FDFCFC;
  --neutral-100: #F6F5F3;
  --neutral-200: #E9E5E2;
  --neutral-300: #D1CBC7;
  --neutral-400: #ABA29B;
  --neutral-500: #8B7E74;
  --neutral-600: #70655C;
  --neutral-700: #554C44;
  --neutral-800: #39322D;
  --neutral-900: #221E1B;
  --neutral-950: #14120F;

  --signal-up-light: #0A7D57;
  --signal-up-dark: #2ED8A0;
  --signal-down-light: #CE1F4C;
  --signal-down-dark: #FF6E8F;
  --signal-info-light: #1A63D8;
  --signal-info-dark: #78ADFF;
  --signal-warn-light: #736200;
  --signal-warn-dark: #EDD35F;

  /* semantic - light */
  --bg: #FDFDFD;
  --surface: #FFFFFF;
  --surface-muted: #F6F5F3;
  --border: #E9E5E2;
  --border-strong: #8B7E74;
  --text: #16120F;
  --text-muted: #70655C;
  --text-faint: #8B7E74;
  --accent: #FD811C;
  --accent-text: #B8580A;
  --accent-hover: #8A460F;
  --accent-wash: #FCF7F3;
  --focus: #B8580A;
  --up: #0A7D57;
  --down: #CE1F4C;
  --info: #1A63D8;
  --warn: #736200;

  /* type */
  --font-sans: ui-sans-serif, -apple-system, 'SF Pro Text', 'Inter', 'Segoe UI', system-ui, sans-serif;
  --font-mono: 'JetBrains Mono', ui-monospace, 'SF Mono', 'Menlo', monospace;
  --text-xs: 0.75rem;
  --leading-xs: 1rem;
  --text-sm: 0.875rem;
  --leading-sm: 1.25rem;
  --text-base: 1rem;
  --leading-base: 1.5rem;
  --text-lg: 1.125rem;
  --leading-lg: 1.75rem;
  --text-xl: 1.375rem;
  --leading-xl: 1.875rem;
  --text-2xl: 1.75rem;
  --leading-2xl: 2.125rem;
  --text-3xl: 2.25rem;
  --leading-3xl: 2.5rem;
  --text-4xl: 3rem;
  --leading-4xl: 3.25rem;
  --weight-regular: 400;
  --weight-medium: 500;
  --weight-semibold: 600;
  --weight-bold: 700;

  /* space, radius, elevation, motion, layout */
  --space-0: 0;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --space-7: 48px;
  --space-8: 64px;
  --space-9: 96px;
  --radius-none: 0;
  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 12px;
  --radius-xl: 20px;
  --radius-full: 9999px;
  --shadow-sm: 0 1px 2px rgba(54, 31, 12, 0.06);
  --shadow-md: 0 2px 8px rgba(54, 31, 12, 0.08), 0 1px 2px rgba(54, 31, 12, 0.06);
  --shadow-lg: 0 8px 28px rgba(54, 31, 12, 0.12), 0 2px 6px rgba(54, 31, 12, 0.06);
  --shadow-glow: 0 0 40px rgba(253, 129, 28, 0.18);
  --duration-instant: 80ms;
  --duration-fast: 150ms;
  --duration-base: 240ms;
  --duration-slow: 420ms;
  --ease: cubic-bezier(0.22, 0.7, 0.25, 1);
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --content-max: 72ch;
  --page-max: 1200px;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --bg: #14120F;
    --surface: #1C1815;
    --surface-muted: #221E1B;
    --border: #39322D;
    --border-strong: #8B7E74;
    --text: #F5F1ED;
    --text-muted: #ABA29B;
    --text-faint: #8B7E74;
    --accent: #FD811C;
    --accent-text: #FD9744;
    --accent-hover: #FDB172;
    --accent-wash: #221E1B;
    --focus: #FD9744;
    --up: #2ED8A0;
    --down: #FF6E8F;
    --info: #78ADFF;
    --warn: #EDD35F;
  }
}

:root[data-theme="dark"] {
  --bg: #14120F;
  --surface: #1C1815;
  --surface-muted: #221E1B;
  --border: #39322D;
  --border-strong: #8B7E74;
  --text: #F5F1ED;
  --text-muted: #ABA29B;
  --text-faint: #8B7E74;
  --accent: #FD811C;
  --accent-text: #FD9744;
  --accent-hover: #FDB172;
  --accent-wash: #221E1B;
  --focus: #FD9744;
  --up: #2ED8A0;
  --down: #FF6E8F;
  --info: #78ADFF;
  --warn: #EDD35F;
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}