/* Swipix — core palette. Every hex is the spec value printed in
   "Colors Swipix.fig" → /Style-Library. Nothing invented, nothing rounded. */
:root{
  /* Background */
  --bg-primary:#071324;
  --bg-secondary:#1B2636;
  --bg-card-light:rgba(255,255,255,0.05);
  --bg-card-default:rgba(255,255,255,0.10);
  --bg-bright:rgba(255,255,255,0.20);
  /* Background additional */
  --bg-overlay:rgba(0,0,0,0.72);
  --bg-onboarding-overlay:rgba(7,19,36,0.95);
  --bg-popup:rgba(27,38,54,0.88);
  --bg-tabbar:rgba(7,19,36,0.20);
  --bg-tabbar-blur:20px;
  /* Text & Icon */
  --text-primary:#FFFFFF;
  --text-secondary:#B0B4B9;
  --text-disabled:#666A6E;
  --text-inverted:#000000;
  --text-interactive-1:#01E3EB;
  --text-interactive-2:#FF008C;
  --text-interactive-3:#01E3EB;
  --text-negative:#EE4444;
  /* Stroke */
  --stroke-light:rgba(255,255,255,0.05);
  --stroke-default:rgba(255,255,255,0.15);
  --stroke-selected:#01E3EB;
  --stroke-negative:#EE4444;
  /* Raw hues the palette is built from */
  --cyan:#01E3EB;
  --cyan-deep:#02A9AF;
  --magenta:#FD00E9;
  --pink:#FF008C;
  --blue:#0095FF;
  --red:#E61515;
  --red-bright:#FF0000;
  --green:#2AC300;
  --yellow:#FFCA00;
  --orange:#F87700;
}