:root {
  /* Brand color */
  --bk-red: #c12429;
  --bk-red-dark: #a71c22;
  --bk-red-soft: #f8e8e7;
  --bk-green: #173b24;
  --bk-green-dark: #0f2919;
  --bk-green-soft: #e8efe9;
  --bk-cream: #fdf9f5;
  --bk-surface: #f3efe7;
  --bk-surface-subtle: #f8f4ee;
  --bk-white: #ffffff;
  --bk-text: #171717;
  --bk-text-muted: #696762;
  --bk-border: #ded8cf;
  --bk-border-strong: #c8c0b6;
  --bk-disabled: #b8b2aa;
  --bk-success: #24633a;
  --bk-success-soft: #e6f1e9;
  --bk-warning: #8a5a0a;
  --bk-warning-soft: #fbf0d7;
  --bk-overlay: rgb(15 41 25 / 72%);
  --bk-focus-ring: rgb(23 59 36 / 28%);

  /* Typography */
  --bk-font-display: "Barlow Condensed", "Arial Narrow", Impact, sans-serif;
  --bk-font-ui: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --bk-type-display-xl: clamp(3rem, 6vw + 1rem, 5rem);
  --bk-type-h1: clamp(2.75rem, 5vw + 0.5rem, 4rem);
  --bk-type-h2: clamp(2.25rem, 3.5vw + 0.75rem, 3.25rem);
  --bk-type-h3: clamp(1.875rem, 2vw + 0.75rem, 2.25rem);
  --bk-type-h4: clamp(1.5rem, 1vw + 0.75rem, 1.75rem);
  --bk-type-body-lg: clamp(1.0625rem, 0.25vw + 1rem, 1.125rem);
  --bk-type-body: 1rem;
  --bk-type-support: clamp(0.9375rem, 0.9rem + 0.2vw, 1.0625rem);
  --bk-type-ui: 0.9375rem;
  --bk-type-meta: 0.875rem;
  --bk-type-small: 0.8125rem;

  /* Spacing */
  --bk-space-1: 0.25rem;
  --bk-space-2: 0.5rem;
  --bk-space-3: 0.75rem;
  --bk-space-4: 1rem;
  --bk-space-5: 1.25rem;
  --bk-space-6: 1.5rem;
  --bk-space-8: 2rem;
  --bk-space-10: 2.5rem;
  --bk-space-12: 3rem;
  --bk-space-16: 4rem;
  --bk-space-20: 5rem;
  --bk-space-24: 6rem;
  --bk-space-32: 8rem;
  --bk-section-space: clamp(3.5rem, 6vw, 6rem);

  /* Geometry */
  --bk-radius-sm: 0.5rem;
  --bk-radius-button: 0.625rem;
  --bk-radius-md: 0.75rem;
  --bk-radius-lg: 1.125rem;
  --bk-radius-xl: 1.5rem;
  --bk-radius-2xl: 1.75rem;
  --bk-radius-pill: 999px;
  --bk-border-width: 1px;

  /* Layout */
  --bk-container: 75rem;
  --bk-container-wide: 82.5rem;
  --bk-gutter: clamp(1.125rem, 3vw, 2.5rem);
  --bk-grid-gap: clamp(1rem, 2vw, 2rem);

  /* Motion */
  --bk-motion-fast: 160ms;
  --bk-motion-normal: 240ms;
  --bk-motion-slow: 400ms;
  --bk-ease: cubic-bezier(0.2, 0.8, 0.2, 1);
}