/* Shared design tokens. Keep the existing HeroSeraph red identity. */
:root {
  color-scheme: light;
  --brand-1: #e60000;
  --brand-2: #b30000;
  --brand-3: #960000;
  --brand-4: #850000;
  --brand-5: #6c0000;
  --red-text: #a31319;
  --red-cta: #bc1820;
  --red-hover: #93121a;
  --text-strong: #17272e;
  --text: #36464d;
  --text-muted: #58666d;
  --bg: #ffffff;
  --panel: #ffffff;
  --panel-soft: #f3f5f5;
  --border: #dce2e3;
  --radius-xl: 16px;
  --radius-lg: 12px;
  --radius-md: 8px;
  --shadow-sm: 0 2px 6px rgb(23 39 46 / 4%);
  --shadow-md: 0 18px 45px rgb(23 39 46 / 9%);
  --container: 1240px;
  --gutter: clamp(20px, 4.5vw, 64px);
  --header-offset: 88px;
  --font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  --line: 1.7;
  --line-tight: 1.08;
}