/* Semantic layer from specifications/theme-tokens.json. */
:root {
  --color-brand-primary: #f5a621;
  --color-brand-on-primary: #101820;
  --color-brand-dark: #17232e;
  --color-brand-soft: #fff8e8;
  --color-brand-border: #fdecc5;
  --color-surface: #ffffff;
  --color-background: #f5f6f7;
  --color-text: #17232e;
  --color-text-muted: #676a6b;
  --color-border: #d9dcdd;
  --color-focus: #2c4353;
  --color-success: #18794e;
  --color-danger: #c62f3a;
  --color-info: #2563a9;
  --color-navy-light: #dde4e9;
  --radius-card: 20px;
  --radius-control: 12px;
  --shadow-card: 0 8px 24px rgb(23 35 46 / 10%);
  --font-sans:
    Poppins, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --content-width: 1280px;
}