/* ============================================================
   DinaBridge v4.css — page-level design tokens
   Elastic Brand System v5.0.0
   These tokens are used by individual page <style> blocks
   that reference var(--v4-*) custom properties.
   All values now match the Elastic brand palette.
   ============================================================ */

:root {
  /* Surfaces — Elastic Midnight */
  --v4-navy:        #1E1251;
  --v4-navy-card:   #231660;
  --v4-paper-2:     #160E42;

  /* Accents */
  --v4-blue:        #F04E98;   /* Pink — replaces legacy blue for CTAs/links */
  --v4-teal:        #FEC514;   /* Yellow — replaces legacy teal for labels */
  --v4-pink:        #F04E98;
  --v4-yellow:      #FEC514;

  /* Text */
  --v4-ink:         #FFFFFF;
  --v4-ink-2:       rgba(255,255,255,.70);
  --v4-ink-3:       rgba(255,255,255,.38);

  /* Rules */
  --v4-rule:        rgba(255,255,255,.07);
  --v4-rule-strong: rgba(255,255,255,.13);

  /* Monospace */
  --v4-mono: 'Courier New', 'Courier', monospace;

  /* Spacing shortcuts */
  --v4-gap-xl: clamp(2.5rem,5vw,5rem);
  --v4-gap-lg: clamp(1.5rem,3vw,3rem);
}