/* White Dolphin tokens.
   Colors come from Elementor > Site Settings > Global Colors (Kit), so the owner can recolor the whole site there.
   Fallbacks are the logo-derived palette: sky #38B8F8 (logo rays), dolphin blue #1386CC, link blue #0A6AA8, deep navy #071D35.
   Color tokens live on .em-site (the <body>, which also carries the Kit class) so var(--e-global-color-*) resolves. */
:root{
--em-container:1240px;--em-gutter:clamp(20px,4vw,40px);--em-section-y:clamp(72px,9vw,128px);--em-radius-sm:10px;--em-radius:18px;--em-radius-lg:28px;
/* Motion system. Change timing here only. Decorative loops run only on screen and stop under prefers-reduced-motion. */
--wd-t-ambient:30s;      /* hero line drift (20-35s) */
--wd-t-orbit:36s;        /* large orbital elements (24-40s) */
--wd-t-orbit-cta:240s;   /* closing CTA rings: one turn every 4 minutes (extremely slow) */
--wd-t-node:4.8s;        /* network node pulse (3-6s, staggered per node) */
--wd-t-flow:11s;         /* data travelling along paths (8-14s) */
--wd-t-flow-slow:14s;
--wd-t-current:40s;      /* background ocean currents (25-45s) */
--wd-t-draw:2.2s;        /* line drawing */
--wd-t-hover:240ms;      /* hover and focus feedback (120-250ms) */
--wd-t-accordion:220ms;  /* FAQ open/close (180-250ms) */
--wd-t-reveal:600ms;     /* one-time reveals, icon part animations (<=600ms) */
--wd-ease:cubic-bezier(.4,0,.2,1);--wd-ease-out:cubic-bezier(.16,1,.3,1);--wd-ease-wave:cubic-bezier(.45,0,.55,1);
}
.em-site{
/* Brand (Kit globals) */
--em-navy:var(--e-global-color-primary,#071D35);
--em-ink:var(--e-global-color-text,#071D35);
--em-brand:var(--e-global-color-secondary,#1386CC);       /* icons and UI accents on light backgrounds */
--em-accent:var(--e-global-color-accent,#38B8F8);         /* logo sky: buttons, highlights, accents on dark */
--em-accent-soft:var(--e-global-color-em-sky-soft,#7FCFF9);
--em-brand-ink:var(--e-global-color-em-blue,#0A6AA8);     /* text accents on light: eyebrows, links (AA 5.4:1) */
--em-ice:var(--e-global-color-em-on-dark,#F3F9FE);
--em-muted:var(--e-global-color-em-muted,#4D6478);
--em-navy-soft:var(--e-global-color-em-navy-soft,#0B2B4C);
--em-border:var(--e-global-color-em-border,#D5E5F0);
/* Derived */
--em-white:#FFFFFF;
--em-navy-deep:color-mix(in srgb,var(--em-navy) 80%,#000);
--em-navy-glow:color-mix(in srgb,var(--em-navy) 72%,var(--em-brand));
--em-muted-dark:#B7CCDA;
--em-lead-dark:#C4D7E6;
--em-accent-tint:color-mix(in srgb,var(--em-accent) 15%,#fff);
--em-accent-wash:color-mix(in srgb,var(--em-accent) 6%,#fff);
--em-border-dark:#ffffff1f;
--em-logo-ground:#171C24;
--em-shadow-card:0 1px 2px #071d350a,0 8px 24px -12px #071d3524;--em-shadow-lift:0 2px 4px #071d350d,0 22px 44px -18px #071d3547;
/* Legacy names kept for older selectors */
--em-aqua:var(--em-accent);--em-aqua-soft:var(--em-accent-soft);--em-teal:var(--em-brand);--em-teal-ink:var(--em-brand-ink);--em-blue:var(--em-brand);
/* Ocean Decor colors (applied to the SVG layers in site.css) */
--wd-accent:var(--em-accent);--wd-flow:color-mix(in srgb,var(--em-accent-soft) 70%,#fff);--wd-particle:color-mix(in srgb,var(--em-accent-soft) 45%,#fff);
--wd-brand:var(--em-brand);--wd-glow-1:color-mix(in srgb,var(--em-brand) 85%,#fff);--wd-glow-2:color-mix(in srgb,var(--em-brand) 45%,var(--em-navy));--wd-navy:var(--em-navy);--wd-ice:var(--em-ice);
}