/* Bright and warm — a vivid orange with deep navy and teal, on white and warm grey bands. */
:root {
  --brand-primary: #c53e00; /* 4.90: on-primary on primary, surface band */
  --brand-on-primary: #faf9f6; /* 4.90: on-primary on primary, surface band */
  --brand-surface: #ffffff; /* 5.16: link on bg, surface band */
  --brand-surface-alt: #f2f0ea; /* 4.53: link on bg, tint band */
  --brand-on-surface: #202020; /* 14.29: fg on bg, tint band */
  --brand-muted: #666666; /* 5.03: muted on bg, tint band */
  --brand-card: #ffffff; /* 5.16: link on card, surface band */
  --brand-link: #c53e00; /* 4.53: link on bg, tint band */
  --brand-eyebrow: #0f766e; /* 4.80: eyebrow on bg, tint band */
  --brand-emph: #eb4a00; /* 3.34: emph on bg, tint band (large, 3.0) */
  --brand-tile: #fdede6; /* 5.80: on-tile on tile, surface band */
  --brand-on-tile: #a83500; /* 5.80: on-tile on tile, surface band */
  --brand-btn: #c53e00; /* 4.90: on-btn on btn, surface band */
  --brand-on-btn: #faf9f6; /* 4.90: on-btn on btn, surface band */
  --brand-btn-hover: #a83500; /* 6.28: on-btn on btn-hover, surface band */
  --brand-control: #7a7a7a; /* 3.76: control on bg, tint band (ui, 3.0) */
  --brand-line: color-mix(in srgb, var(--brand-on-surface) 10%, transparent);
  --brand-dark: #1e293b; /* 3.83: emph on bg, dark band (large, 3.0) */
  --brand-dark-card: #2c3647; /* 3.19: emph on card, dark band (large, 3.0) */
  --brand-on-dark: #faf9f6; /* 11.55: fg on card, dark band */
  --brand-on-dark-muted: #a2a6ab; /* 4.97: muted on card, dark band */
  --brand-dark-eyebrow: #14b8a6; /* 4.88: eyebrow on card, dark band */
  --brand-dark-emph: #eb4a00; /* 3.19: emph on card, dark band (large, 3.0) */
  --brand-dark-btn: #c53e00; /* 4.90: on-btn on btn, dark band */
  --brand-dark-on-btn: #faf9f6; /* 4.90: on-btn on btn, dark band */
  --brand-dark-btn-hover: #a83500; /* 6.28: on-btn on btn-hover, dark band */
  --brand-dark-line: color-mix(in srgb, var(--brand-on-dark) 10%, transparent);
  --brand-bright: #c53e00; /* 4.90: fg on bg, brand band */
  --brand-on-bright: #faf9f6; /* 4.90: fg on bg, brand band */
  --brand-bright-line: color-mix(
    in srgb,
    var(--brand-on-bright) 10%,
    transparent
  );
  --brand-radius-card: 1rem;
  --brand-radius-control: 0.5rem;
}