@import url('/static/vendor/fonts.css');
:root {
  color-scheme: light;
  /* Soft Esquina palette — orange from logo, diluted for long reading */
  --color-on-brand: #fffaf5;
  --color-inverse-surface: #2a2118;
  --color-reading: #5a4636;
  --color-info: #6b8f9a;
  --color-info-soft: #e8f0f2;
  --color-neutral-soft: #f3ebe3;
  --font-body: 'DM Sans', system-ui, -apple-system, sans-serif;
  --font-display: 'Barlow Condensed', 'Arial Narrow', sans-serif;
  --color-brand: #d96a1f;
  --color-brand-hover: #c05712;
  --color-brand-soft: #f8e3d0;
  --color-ink: #2a2118;
  --color-muted: #7a6756;
  --color-background: #fff7f0;
  --color-surface: #ffffff;
  --color-border: #ead7c6;
  --color-control-border: #c4a992;
  --color-success: #3f7a4e;
  --color-success-soft: #e4f0e7;
  --color-danger: #b5483a;
  --color-danger-soft: #f8e4e0;
  --color-warning: #b8862e;
  --color-warning-soft: #f7ecd4;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --space-7: 48px;
  --space-8: 64px;
  --radius-control: 8px;
  --radius-panel: 14px;
  --duration-fast: 160ms;
  --duration-normal: 240ms;
  --ease-out: cubic-bezier(.2,.75,.25,1);
  --shadow-dialog: 0 24px 80px rgb(42 33 24 / 16%);
}