/* Generat a partir de la configuració de marca. No s'edita a mà. */
:root {
  --brand-font: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --brand-font-mono: ui-monospace, "SFMono-Regular", Menlo, Consolas, monospace;
  --brand-font-scale: 1;
  --brand-heading-scale: 1;
  --brand-radius: 12px;
  --brand-gap: 20px;
  --brand-content-max: 1200px;
  --brand-card-min: 260px;
  --brand-density: 0.8;
  --brand-image-ratio: 4 / 3;
  --brand-image-fit: contain;
  --brand-transition: 150ms;
  --brand-lift: -2px;
  --brand-bg-image: url(/media/b2a3b984a9ec836481b85df4d277b74db5322eb6de8d09eae55f9b0aa62fd486.png);
  --brand-bg-size: cover;
  --brand-bg-position: center center;
  --brand-bg-repeat: no-repeat;
  --brand-bg-image-opacity: 0.25;
  --brand-bg-overlay-opacity: 0.25;
  --brand-primary: #cc0000;
  --brand-primary-contrast: #ffffff;
  --brand-accent: #0ea5e9;
  --brand-header-bg: #1e293b;
  --brand-header-text: #f1f5f9;
  --brand-footer-bg: #1e293b;
  --brand-footer-text: #cbd5e1;
  --brand-bg: #e2e8f0;
  --brand-surface: #ffffff;
  --brand-text: #0f172a;
  --brand-text-muted: #475569;
  --brand-link: #1d4ed8;
  --brand-btn-bg: #b91c1c;
  --brand-btn-text: #ffffff;
  --brand-border: #cbd5e1;
  --brand-danger: #b91c1c;
  --brand-success: #15803d;
  --brand-shadow: 0 1px 3px rgb(0 0 0 / 0.12), 0 4px 12px rgb(0 0 0 / 0.06);
  --brand-shadow-hover: 0 6px 20px rgb(0 0 0 / 0.18);
  color-scheme: light;
}
:root[data-theme="dark"] {
  --brand-primary: #ef4444;
  --brand-primary-contrast: #000000;
  --brand-accent: #38bdf8;
  --brand-header-bg: #0f172a;
  --brand-header-text: #f1f5f9;
  --brand-footer-bg: #0f172a;
  --brand-footer-text: #94a3b8;
  --brand-bg: #020617;
  --brand-surface: #1e293b;
  --brand-text: #f1f5f9;
  --brand-text-muted: #94a3b8;
  --brand-link: #93c5fd;
  --brand-btn-bg: #dc2626;
  --brand-btn-text: #ffffff;
  --brand-border: #334155;
  --brand-danger: #f87171;
  --brand-success: #4ade80;
  --brand-shadow: 0 1px 3px rgb(0 0 0 / 0.24), 0 4px 12px rgb(0 0 0 / 0.12);
  --brand-shadow-hover: 0 6px 20px rgb(0 0 0 / 0.36);
  color-scheme: dark;
}