/* Roof Bear HQ design tokens — the one source every platform surface imports.
   Fonts: DM Sans (body) + Libre Franklin (display), loaded by the page. */

:root {
  --navy: #101b2b;
  --navy-2: #17283e;
  --navy-3: #1f3350;
  --red: #c1121f;
  --red-dark: #98101a;
  --gold: #c9a14a;
  --gold-light: #e1c878;
  --ink: #182230;
  --text: #46505d;
  --muted: #7c848d;
  --cream: #f5f3ee;
  --paper: #ffffff;
  --soft: #f7f8fa;
  --line: #e1e4e8;

  --font-body: "DM Sans", Arial, sans-serif;
  --font-display: "Libre Franklin", Arial, sans-serif;

  --radius-card: 16px;
  --radius-control: 10px;
  --shadow-card: 0 26px 60px -34px rgba(15,28,46,.42), 0 4px 13px rgba(15,28,46,.05);

  --hero-bg:
    radial-gradient(circle at 11% 18%, rgba(201,161,74,.12), transparent 28%),
    radial-gradient(circle at 88% 8%, rgba(255,255,255,.05), transparent 25%),
    linear-gradient(135deg, #0f1927 0%, #17273c 62%, #101b2b 100%);
  --hero-texture: repeating-linear-gradient(-32deg, rgba(255,255,255,.018) 0, rgba(255,255,255,.018) 1px, transparent 1px, transparent 18px);
  --hero-rule: linear-gradient(90deg, var(--red) 0%, var(--red) 27%, var(--gold) 27%, var(--gold) 35%, rgba(255,255,255,.10) 35%, rgba(255,255,255,.10) 100%);
}