/* Impact BRAND — colour. Every hex below is transcribed from
   "SOCIAL MEDIA TEMPLATES IMPACT (Copy).fig"; usage counts in comments. */
:root{
  /* ---- Cyan: the brand signal. Strokes, glows, capsule edges, rings. ---- */
  --cyan-50:#caf8ff;              /* rgb(202,248,255) illustration highlight */
  --cyan-100:#adedff;             /* rgb(173,237,255) ring stroke */
  --cyan-150:#c7f7ff;             /* rgb(199,247,255) bright arc stroke */
  --cyan-200:#89efff;             /* rgb(137,239,255) 13x stroke */
  --cyan-300:#6cebff;             /* rgb(108,235,255) 300x — PRIMARY */
  --cyan-400:#0dc4e1;             /* rgb(13,196,225) 80x stroke */
  --cyan-500:#0ebed9;             /* rgb(14,190,217) 61x fill + stroke */
  --cyan-600:#39aabe;             /* rgb(39,170,190) gradient stop */

  /* ---- Teal: mid-tones. Solid fills, headline colour on light art. ---- */
  --teal-500:#0b95aa;             /* rgba(11,149,170,.5) gradient stop */
  --teal-600:#027896;             /* rgb(2,120,150) 45x fill */
  --teal-650:#127f90;             /* rgb(18,127,144) veil + glow */
  --teal-700:#126c90;             /* rgb(18,108,144) 80x fill + text */
  --teal-750:#076c7c;             /* rgb(7,108,124) 22x fill */
  --teal-800:#03525f;             /* rgb(3,82,95) 25x inner shadow */
  --teal-850:#044863;             /* rgb(4,72,99) 12x fill + text */
  --teal-900:#00726e;             /* rgb(0,114,110) 74x fill */

  /* ---- Ink: the canvas. Near-black teals and navies. ---- */
  --ink-700:#142b2f;              /* rgb(20,43,47) gradient base */
  --ink-750:#012b2e;              /* rgb(1,43,46) "Looking for founders" bg */
  --ink-800:#0c1c20;              /* rgb(12,28,32) 30x fill */
  --ink-850:#091f24;              /* rgb(9,31,36) 27x — FRASE / title canvas */
  --ink-900:#041b1e;              /* rgb(4,27,30) 48x fill + shadow */
  --ink-950:#010213;              /* rgb(1,2,19) ecosystem canvas */
  --navy-800:#002b45;             /* rgb(0,43,69) 43x — Portada canvas */
  --navy-900:#00284c;             /* rgb(0,40,76) 53x drop shadow */
  --navy-veil:#040b1e;            /* rgba(4,11,30,.3) 252x radial veil */

  /* ---- Neutrals ---- */
  --white:#ffffff;                /* 545x */
  --black:#000000;                /* 371x */
  --gray-100:#ececec;             /* rgb(236,236,236) 55x text */
  --steel-300:#a1c8d2;            /* rgb(161,200,210) 32x hue-blend fill */
  --code-gray:#b5b7c9;            /* rgb(181,183,201) slide numbers */
  --skin-tan:#ce987a;             /* rgb(206,152,122) illustration only */
  --illus-blue:#41a1bf;           /* rgb(65,161,191) illustration only */

  /* ---- Alpha layers — the glass and glow system ---- */
  --veil-navy-30:rgba(4,11,30,.3);
  --veil-teal-30:rgba(18,127,144,.3);
  --veil-teal-50:rgba(11,149,170,.5);
  --glass-fill:rgba(0,204,255,.2);          /* capsule / pill body */
  --glass-stroke:rgba(14,190,217,.5);       /* capsule hairline */
  --glass-stroke-soft:rgba(14,190,217,.54);
  --stroke-muted:rgba(53,116,126,.6971);    /* 178x — the odd exact alpha */
  --stroke-cyan-34:rgba(108,235,255,.34);   /* 94x */
  --glow-cyan-20:rgba(14,190,217,.2);       /* 182x soft glow */
  --glow-cyan-30:rgba(0,221,255,.3);
  --glow-blue-52:rgba(37,66,255,.52);       /* 97x 1px bloom */
  --glow-white-25:rgba(255,255,255,.25);    /* 29x text bloom */
  --shade-black-25:rgba(0,0,0,.25);
  --text-dim-75:rgba(255,255,255,.75);      /* @handle colour */

  /* ---- Semantic aliases ---- */
  --surface-canvas:var(--ink-850);
  --surface-canvas-navy:var(--navy-800);
  --surface-canvas-deep:var(--ink-950);
  --surface-glass:var(--glass-fill);
  --surface-card:var(--veil-navy-30);

  --text-primary:var(--white);
  --text-secondary:var(--gray-100);
  --text-muted:var(--text-dim-75);
  --text-accent:var(--cyan-300);
  --text-on-light:var(--teal-700);
  --text-meta:var(--code-gray);

  --border-hairline:var(--glass-stroke);
  --border-ring:var(--cyan-400);
  --border-ring-bright:var(--cyan-200);
  --border-muted:var(--stroke-muted);

  --accent-primary:var(--cyan-300);
  --accent-solid:var(--cyan-500);
  --accent-deep:var(--teal-700);

  /* ---- Gradients lifted verbatim from the file ---- */
  --grad-orb:linear-gradient(180deg,rgba(14,190,217,.8) 0%,rgba(7,108,124,.4) 140.7%); /* @kind color */
  --grad-orb-dark:linear-gradient(180deg,var(--ink-700) 0%,var(--veil-teal-50) 140.7%);
  --grad-node:linear-gradient(180deg,var(--cyan-600) 0%,var(--cyan-500) 140.7%);
  --grad-card-veil:radial-gradient(852px 1254px at -4.58% 105.97%,var(--veil-teal-30) 0%,var(--veil-navy-30) 100%);
  --grad-photo-scrim:linear-gradient(180deg,rgba(0,0,0,0) 45.91%,rgba(1,57,66,.4) 100%); /* @kind color */
}