/* GENERATED by build.js from lib/tokens.js — do not edit.
   Enqueued ahead of chrome.css and alpha.css, which both consume these. */
:root{
  --navy: #163450;
  --crimson: #9B122C;
  --ink: #0F2540;
  --muted: #6E6E73;
  --navy-deep: #0F2540;
  --navy-card: #1B3E5F;
  --crimson-tint: #FBEEF0;
  --surface: #F5F5F7;
  --border: rgba(0,0,0,0.07);
  --white: #FFFFFF;
  --image-bg: #E5E5EA;
  --gold: #E8A33D;
  --success: #3FA46A;

  --font-sans: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --r-card: 12px;
  --r-btn: 8px;
  --r-pill: 999px;
  --ease: cubic-bezier(.4,0,.2,1);

  /* Heading gradient — the design fills H2 and card titles with a left-to-right
     ramp via background-clip:text, so this can't be an Elementor global color. */
  --grad-heading: linear-gradient(90deg, #163450 0%, #9B122C 100%);
}

/* Apply with .u-grad-text on any heading that should use the ramp. */
.u-grad-text,
.u-grad-text .elementor-heading-title{
  background: var(--grad-heading);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  -webkit-text-fill-color: transparent;
}