/* TWF color system: values transcribed from TWF Social.fig, FoF deck and twf-landing */
:root{
/* Core blues (social masters) */
--twf-navy:#102D55;        /* rgb(16,45,85) gradient start */
--twf-blue:#2363BB;        /* rgb(35,99,187) gradient end */
--twf-un-blue:#009EDB;     /* rgb(0,158,219) UN/SDG blue fills */
--twf-cyan:#06B6D4;        /* rgb(6,182,212) accent fills */
--twf-cyan-bright:#62F7FF; /* rgb(98,247,255) highlights */
--twf-cyan-electric:#00D0F3;
--twf-ice:#D8E8FF;         /* rgb(216,232,255) strokes/icon lines */
--twf-ice-text:#D7E8FF;    /* rgb(215,232,255) secondary text */
--twf-off-white:#FBFCFF;   /* rgb(251,252,255) logo plates */
/* Ocean depths (deck + web) */
--twf-abyss:#011C2C;--twf-abyss-deep:#000F17;--twf-midnight:#011531;
--twf-deep:#082F49;--twf-ocean:#0C3A52;--twf-surface-blue:#114A63;
/* Secondary accents (social masters) */
--twf-coral:#FFA28D;       /* rgb(255,162,141) warm counterpoint */
--twf-purple:#340073;      /* rgb(52,0,115) */
--twf-violet:#360C9F;      /* rgb(54,12,159) */
--twf-royal:#2982FF;       /* rgb(41,130,255) */
--twf-royal-deep:#00448D;  /* deck references fills */
--twf-ice-cyan:#89FFFF;    /* deck highlight-bar cyan */
--twf-navy-deepest:#001E3D;
--twf-glow:#006297;        /* radial glow centre (deck references) */
/* Severity accents (adopted from the twf-landing lab palette; only for
   how-bad-is-it scales on maps and unit charts, never decoration) */
--twf-sand:#E0C46B;--twf-ember:#C96A2B;--twf-alert:#E05252;
/* Neutrals */
--twf-white:#FFFFFF;--twf-black:#000000;
--twf-grey-1:#D9D9D9;--twf-grey-2:#AAA5A2;--twf-ink-soft:#282828;--twf-ink:#1F1F1F;
/* Signature gradients */
--grad-social:linear-gradient(136deg,var(--twf-navy) 26.19%,var(--twf-blue) 102.82%);
/* Social wash stop colours as separate tokens: the wash angle is computed per canvas at render time */
--grad-social-a:#102D55;--grad-social-b:#2363BB;
--grad-social-ink-a:#282828;--grad-social-ink-b:#1F1F1F;
--social-wash-opacity:0.5; /* @kind other */
--social-scrim-angle:142.22deg; /* @kind other */
--grad-deck:linear-gradient(160deg,#000F17 0%,#011C2C 55%,#0C3A52 100%); /* @kind color */
--grad-depth:linear-gradient(180deg,var(--twf-abyss-deep),var(--twf-navy));
/* Semantic aliases */
--surface-page:var(--twf-navy);
--surface-deep:var(--twf-abyss);
--surface-card:rgba(255,255,255,0.06);
--text-primary:var(--twf-white);
--text-secondary:var(--twf-ice-text);
--text-on-light:var(--twf-ink);
--stroke-line:var(--twf-ice);
--accent:var(--twf-cyan);
--accent-alt:var(--twf-un-blue);
--accent-warm:var(--twf-coral);
}