/* Generated from public/src/brand.js; do not edit independently. */
:root {
  --color-text: #08263D;
  --color-action: #146CC4;
  --color-accent-soft: #A7DFFF;
  --color-brand-green: #78B88F;
  --color-canvas: #F5F8FB;
  --color-surface: #FFFFFF;
  --color-muted: #526579;
  --color-border: #D6E0E9;
  --color-input-border: #7D91A3;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --space-7: 48px;
  --text-caption: 12px;
  --text-label: 14px;
  --text-body: 16px;
  --text-title: 28px;
  --radius-control: 10px;
  --radius-card: 18px;
  --radius-dialog: 24px;
  --shadow-card: 0 2px 8px rgb(8 38 61 / 4%);
  --shadow-dialog: 0 24px 72px rgb(8 38 61 / 18%);
  --motion-fast: 160ms;
  --motion-easing: cubic-bezier(.2,.75,.35,1);
  --content-max: 1440px;
  --control-min: 44px;
}