/* ============================================================
   Digital Strategy — COLOR TOKENS
   Brand DNA: deep near-black navy canvas + electric neon spectrum
   (blue → royal → violet → magenta → hot pink → orange).
   Sampled directly from the brand flyer.
   ============================================================ */

:root {
  /* ---- Brand spectrum (the signature gradient stops) ---- */
  --brand-cyan:    #00A6FF;  /* brightest electric blue */
  --brand-blue:    #0091FB;  /* core electric blue */
  --brand-royal:   #0354F7;  /* deep royal blue */
  --brand-violet:  #7A35EE;  /* indigo-violet */
  --brand-purple:  #A22EE0;  /* magenta-purple */
  --brand-pink:    #ED1F6E;  /* hot rose-pink */
  --brand-magenta: #E717A5;  /* electric magenta */
  --brand-orange:  #F4590C;  /* warm orange terminus */
  --brand-amber:   #FF7A2F;  /* lighter orange */

  /* ---- Canvas / surfaces (cool near-black) ---- */
  --bg-deep:    #02030A;  /* deepest backdrop */
  --bg-base:    #05060F;  /* default page background */
  --bg-raised:  #0A0C18;  /* raised panel */
  --surface-1:  #0E1120;  /* card surface */
  --surface-2:  #141829;  /* elevated card / input */
  --surface-3:  #1C2236;  /* hover / active surface */

  /* glass fills (over dark imagery) */
  --glass-fill:   rgba(14, 17, 32, 0.55);
  --glass-fill-2: rgba(20, 24, 41, 0.70);

  /* ---- Hairlines & borders ---- */
  --line-subtle:  rgba(255, 255, 255, 0.07);
  --line-soft:    rgba(255, 255, 255, 0.12);
  --line-strong:  rgba(255, 255, 255, 0.20);
  --line-cyan:    rgba(0, 166, 255, 0.45);
  --line-purple:  rgba(162, 46, 224, 0.45);
  --line-orange:  rgba(244, 89, 12, 0.45);

  /* ---- Text ---- */
  --text-strong:  #FFFFFF;
  --text-body:    #C7CEDF;  /* default body on dark */
  --text-muted:   #8B93A7;  /* secondary / captions */
  --text-faint:   #5A6175;  /* disabled / placeholder */
  --text-on-accent: #FFFFFF;
  --text-on-light:  #05060F;

  /* ---- Semantic ---- */
  --info:     #00A6FF;
  --success:  #18C98C;
  --warning:  #FF7A2F;
  --danger:   #ED1F6E;

  /* semantic surface tints */
  --info-soft:    rgba(0, 166, 255, 0.12);
  --success-soft: rgba(24, 201, 140, 0.12);
  --warning-soft: rgba(255, 122, 47, 0.12);
  --danger-soft:  rgba(237, 31, 110, 0.12);

  /* ---- SIGNATURE GRADIENTS ---- */
  /* full brand sweep (logo / dividers / progress) */
  --grad-brand: linear-gradient(100deg,
      #00A6FF 0%, #0354F7 22%, #7A35EE 44%,
      #A22EE0 60%, #ED1F6E 80%, #F4590C 100%); /* @kind color */
  /* headline sweep (blue → pink → orange) */
  --grad-headline: linear-gradient(180deg,
      #00A6FF 0%, #ED1F6E 55%, #F4590C 100%); /* @kind color */
  /* per-accent linear glows for cards */
  --grad-blue:   linear-gradient(135deg, #00A6FF, #0354F7); /* @kind color */
  --grad-purple: linear-gradient(135deg, #7A35EE, #E717A5); /* @kind color */
  --grad-orange: linear-gradient(135deg, #F4590C, #ED1F6E); /* @kind color */
  /* progress bar fill */
  --grad-progress: linear-gradient(90deg, #0091FB, #A22EE0, #ED1F6E); /* @kind color */
}