/* Generated by scripts/generate-brand-palette.mjs from public/brand/palette.json. */
/* VALO 2.0.0: base #F4622A; neutral tones retain its OKLCH hue. */
:root {
  --brand-25: #FFFDFC;
  --brand-50: #FEF9F7;
  --brand-100: #FEF2EF;
  --brand-150: #FBE8E2;
  --brand-200: #FBDBD1;
  --brand-300: #F6BBA6;
  --brand-400: #F29676;
  --brand-450: #F28059;
  --brand-500: #F4622A;
  --brand-600: #A5644E;
  --brand-700: #744F42;
  --brand-800: #4F3831;
  --brand-850: #392A24;
  --brand-900: #251B18;
  --brand-950: #130E0C;
  --paper: var(--brand-50);
  --surface: var(--brand-25);
  --sand: var(--brand-100);
  --sand-deep: var(--brand-150);
  --apricot: var(--brand-150);
  --selected: var(--brand-200);
  --ink: var(--brand-950);
  --ink-soft: var(--brand-850);
  --muted: var(--brand-700);
  --placeholder: var(--brand-700);
  --accent: var(--brand-500);
  --on-accent: var(--brand-950);
  --accent-ink: var(--brand-700);
  --action-hover: var(--brand-450);
  --rule: var(--brand-200);
  --field-rule: var(--brand-600);
  --focus: var(--brand-600);
  --focus-inverse: var(--brand-300);
  --inverse-muted: var(--brand-200);
  --dark-hover: var(--brand-850);
  --disabled-background: var(--brand-150);
  --disabled-text: var(--brand-700);
  --disabled-border: var(--brand-200);
  --warm-border: var(--brand-300);
  --map-background: var(--brand-100);
  --map-stripe: var(--brand-150);
  --surface-hover: var(--brand-100);
  --success: #3D6B4F;
  --success-background: #EEF5F0;
  --danger: #A53226;
  --danger-background: #FFF3EF;
  --danger-border: #F2C9BB;
  --warning: #865314;
  --warning-background: #FFF0D2;
  --info: #285B78;
  --info-background: #EAF3F7;
  --ink-rgb: 19, 14, 12;
  --paper-rgb: 254, 249, 247;
  --surface-rgb: 255, 253, 252;
  --accent-rgb: 244, 98, 42;
  --accent-ink-rgb: 116, 79, 66;
  --apricot-rgb: 251, 232, 226;
  --valo-control-radius-pill: 999px;
  --valo-control-radius-menu: 24px;
  --valo-control-radius-field: 14px;
  --valo-control-min-target: 44px;
}