/*
  Design tokens — Driven Connection Branding Guidelines 2026 (Shared Drive,
  "Branding Guide - Driven Connection - 08-JAN-2026 - FOR CREATIVES.pdf").
  Hex values here are copied verbatim from that guide's Color Palette page,
  not the older WordPress build's approximated values.
*/
:root {
  /* Primary branding colors */
  --dc-navy: #0c406b;
  --dc-teal-deep: #0c4d6b;
  --dc-turquoise: #00adba;
  --dc-lime: #cfdd26;
  --dc-magenta: #970048;
  --dc-purple: #573d82;
  --dc-hot-pink: #e9004c;

  /* Neutral branding colors */
  --dc-gray-light: #d5d8e2;
  --dc-black: #000000;
  --dc-white: #ffffff;

  /* Gradients — guide's "Gradience Branding Colors" page, kept as prescribed
     (stop hex values differ very slightly from the solid swatches above by
     design in the source guide). */
  --dc-grad-turquoise-grey: linear-gradient(90deg, #00acbb, #555555);
  --dc-grad-lime-turquoise: linear-gradient(90deg, #cfdd26, #00acbb);
  --dc-grad-turquoise-blue: linear-gradient(90deg, #00acbb, #0077aa);
  --dc-grad-blue-navy: linear-gradient(90deg, #0077aa, #0d406a);
  --dc-grad-navy-magenta: linear-gradient(90deg, #0d406a, #961a4b);
  --dc-grad-magenta-hotpink: linear-gradient(90deg, #961a4b, #ea194e);
  --dc-grad-hotpink-magenta-navy: linear-gradient(90deg, #ea194e, #961a4b, #0d406a);

  /* Hero gradient: diagonal chain across the guide's own gradient stops,
     replacing the old build's off-brand hex with on-brand ones. Angle is 315deg
     (not 135deg) so the corner colors are reversed — magenta at the top-left,
     teal at the bottom-right (Nino's call, 2026-08-30). */
  --dc-grad-hero: linear-gradient(315deg, #00acbb 0%, #0077aa 30%, #0d406a 60%, #961a4b 100%);

  /* Card accent bar gradient (top edge highlight on dark cards) + the deep
     near-black surface those cards sit on. */
  --dc-grad-card-accent: linear-gradient(90deg, var(--dc-turquoise) 0%, var(--dc-purple) 55%, var(--dc-magenta) 100%);
  --dc-surface-dark: #0a1220;

  /*
    Typography — Montserrat (Nino's call, 2026-08-30), Google Fonts. One family
    for both display and body; headings use the heavy cuts (700/800), body the
    regular/medium (400/500). Replaces the earlier Archivo stand-in. The brand
    guide's "BD Megatoya" files in the Shared Drive are still 214-byte macOS
    AppleDouble shadows (never really uploaded), so Montserrat is the live choice
    unless Nino says otherwise. Loaded in head.php.
    https://fonts.google.com/specimen/Montserrat
  */
  --dc-font-display: "Montserrat", ui-sans-serif, system-ui, sans-serif;
  --dc-font-body: "Montserrat", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;

  /* Spacing / radius */
  --dc-radius: 16px;
  --dc-container-w: min(1320px, 94%); /* widened 2026-08-29: side margins were too wide, headlines wrapped 3-4 lines */
}