/* High Lander brand tokens — from Figma "Creative - Design 2026" / Brand Book 2026
 * (file fdwvdmb2qwGWL5iLVz62H2, page 471:74). Screens in Brief/ref/brandbook/. */
:root {
  /* Blue family (Color Story) */
  --hl-blue: #0037ff;
  --hl-blue-2: #3f54ff;
  --hl-blue-tint: #cbd2ff;
  --hl-blue-glow: #7a8bff;

  /* Coral family (Color Story) — accent */
  --hl-coral: #ff6c4c;
  --hl-coral-2: #f37056;
  --hl-coral-tint: #ffc5ba;

  /* Logo icon (official) */
  --hl-crimson: #e72650;

  /* Backgrounds */
  --hl-bg: #f8f8f8;
  --hl-bg-2: #e5e5e5;
  --hl-white: #ffffff;
  --hl-ink: #121212;
  --hl-ink-2: #5c5c63;
  --hl-ghost: #d9d9dc;

  /* Gradients (header colors / color story) */
  --hl-grad-blue: linear-gradient(90deg, #0037ff 0%, #3f54ff 35%, #cbd2ff 100%);
  --hl-grad-coral: linear-gradient(90deg, #ffc5ba 0%, #f37056 60%, #ff6c4c 100%);
  --hl-grad-blue-fade: linear-gradient(90deg, #0037ff 0%, rgba(203, 210, 255, 0.6) 70%, rgba(255, 255, 255, 0) 100%);
  --hl-grad-duo: linear-gradient(90deg, #0037ff 0%, #b0617e 55%, #ffc5ba 100%);

  /* Type */
  --font-sans: "Poppins", ui-sans-serif, system-ui, sans-serif;
  --font-serif: "Playfair Display", Georgia, serif;

  /* Glass (Inner shadow + back blur 25) */
  --glass-bg: rgba(255, 255, 255, 0.28);
  --glass-blur: 25px;
  --glass-stroke: linear-gradient(100deg, rgba(255,255,255,.9), rgba(122,139,255,.7) 40%, rgba(255,255,255,.6) 60%, rgba(122,139,255,.7));

  /* Layout */
  --gutter: clamp(16px, 1.2vw, 24px);
  --radius: 14px;
  --ease-out: cubic-bezier(0.22, 1, 0.36, 1);
}