/* SpeedPorter: brand tokens generated by Coder (coder branding css). Do not edit; change the guidelines instead. */

:root {
  --brand-primary: #1f374d;
  --brand-on-primary: #ffffff;
  --brand-accent: #44b3a7;
  --brand-background: #f1f5f8;
  --brand-surface: #ffffff;
  --brand-text: #314961;
  --brand-muted: #6c757d;
  --brand-border: #dee2e6;
  --brand-success: #28a745;
  --brand-warning: #ffc107;
  --brand-info: #17a2b8;
  --brand-danger: #dc3545;
  --brand-font-sans: "Montserrat", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --brand-font-mono: ui-monospace, SFMono-Regular, Menlo, Consolas, "Liberation Mono", monospace;
  --brand-font-display: "Montserrat", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --brand-radius-sm: 4px;
  --brand-radius-md: 8px;
  --brand-radius-lg: 14px;
  --brand-space-1: 4px;
  --brand-space-2: 8px;
  --brand-space-3: 12px;
  --brand-space-4: 16px;
  --brand-space-5: 24px;
  --brand-space-6: 32px;
  --brand-type-h1-size: 28px;
  --brand-type-h1-weight: 600;
  --brand-type-h1-line: 1.25;
  --brand-type-h2-size: 18px;
  --brand-type-h2-weight: 600;
  --brand-type-h2-line: 1.3;
  --brand-type-body-size: 15px;
  --brand-type-body-weight: 400;
  --brand-type-body-line: 1.5;
  --brand-type-caption-size: 12px;
  --brand-type-caption-weight: 600;
  --brand-type-caption-line: 1.3;
}

:root[data-theme="dark"] {
  --brand-primary: #8fb3d1;
  --brand-on-primary: #0f1b26;
  --brand-accent: #5cc8bc;
  --brand-background: #0f1b26;
  --brand-surface: #172a3a;
  --brand-text: #e4edf4;
  --brand-muted: #9fb2c2;
  --brand-border: #2b4256;
  --brand-success: #4cc06a;
  --brand-warning: #ffd54a;
  --brand-info: #4cc3d6;
  --brand-danger: #f0707c;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --brand-primary: #8fb3d1;
    --brand-on-primary: #0f1b26;
    --brand-accent: #5cc8bc;
    --brand-background: #0f1b26;
    --brand-surface: #172a3a;
    --brand-text: #e4edf4;
    --brand-muted: #9fb2c2;
    --brand-border: #2b4256;
    --brand-success: #4cc06a;
    --brand-warning: #ffd54a;
    --brand-info: #4cc3d6;
    --brand-danger: #f0707c;
  }
}