/* Generated from design/tokens.json by `manage.py build_design_tokens`. */
/* Do not edit by hand. */
:root {
  --hc-color-slate: #1F3A3D;
  --hc-color-slate-deep: #162B2D;
  --hc-color-sand: #C8A27C;
  --hc-color-sage: #8FA39A;
  --hc-color-stone: #5F726E;
  --hc-color-background: #F7F5F1;
  --hc-color-surface: #FFFFFF;
  --hc-color-surface-muted: #EFEBE4;
  --hc-color-sand-soft: #F3EBE1;
  --hc-color-sage-soft: #E6ECE9;
  --hc-color-border: #E3DED6;
  --hc-color-border-strong: #7A8783;
  --hc-color-text: #1B2422;
  --hc-color-text-muted: #4F605C;
  --hc-color-text-inverse: #FFFFFF;
  --hc-color-text-on-sand: #2A1E12;
  --hc-color-text-sand: #7A5A3A;
  --hc-color-primary: #1F3A3D;
  --hc-color-primary-hover: #2B4C50;
  --hc-color-accent: #C8A27C;
  --hc-color-focus: #1F3A3D;
  --hc-color-success: #2E6B4F;
  --hc-color-success-soft: #E0EFE6;
  --hc-color-warning: #7A4F00;
  --hc-color-warning-soft: #F8EBD0;
  --hc-color-danger: #9A3F1D;
  --hc-color-danger-soft: #F6E3DA;
  --hc-color-info: #2F5D8A;
  --hc-color-info-soft: #E3EEF4;
  --hc-color-overlay: rgba(20, 30, 30, 0.38);
  --hc-font-family-base: "Manrope", "Segoe UI", "Helvetica Neue", Arial, sans-serif;
  --hc-font-family-mono: "JetBrains Mono", "SFMono-Regular", Consolas, monospace;
  --hc-font-size-2xs: 0.75rem;
  --hc-font-size-xs: 0.8125rem;
  --hc-font-size-sm: 0.875rem;
  --hc-font-size-base: 1rem;
  --hc-font-size-md: 1.0625rem;
  --hc-font-size-lg: 1.25rem;
  --hc-font-size-xl: 1.5rem;
  --hc-font-size-2xl: 2rem;
  --hc-font-weight-regular: 400;
  --hc-font-weight-medium: 600;
  --hc-font-weight-bold: 700;
  --hc-font-weight-heavy: 800;
  --hc-font-line-height: 1.5;
  --hc-font-line-height-tight: 1.25;
  --hc-font-tracking-caps: 0.08em;
  --hc-space-1: 0.25rem;
  --hc-space-2: 0.5rem;
  --hc-space-3: 0.75rem;
  --hc-space-4: 1rem;
  --hc-space-5: 1.25rem;
  --hc-space-6: 1.5rem;
  --hc-space-8: 2rem;
  --hc-space-12: 3rem;
  --hc-radius-sm: 10px;
  --hc-radius-md: 12px;
  --hc-radius-lg: 14px;
  --hc-radius-xl: 22px;
  --hc-radius-pill: 999px;
  --hc-shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.08);
  --hc-shadow-lg: 0 8px 20px rgba(31, 58, 61, 0.35);
  --hc-layout-touch-target: 2.75rem;
  --hc-layout-touch-target-lg: 3rem;
  --hc-layout-content-max: 46rem;
  --hc-layout-auth-max: 26rem;
  --hc-layout-nav-width: 15rem;
  --hc-layout-tabbar-height: 4rem;
  --hc-layout-logo-icon: 2.5rem;
  --hc-layout-logo-bar: 3rem;
  --hc-layout-logo-auth: 4.5rem;
}