:root{

  --bg:#0c1218;
  --bg-rgb: 12,18,24;
  --surface:#0e151d;
  --surface-rgb: 14,21,29;
  --card:#111B24;
  --card-rgb: 17,27,36;
  --ink:#E7F1F7;
  --ink-rgb: 231,241,247;


  --blue-dark:#000B14;
  --blue-medium:#0B6287;
  --blue-light:#06D8E8;
  --blue-extra-light:#D1F9FF;

  --blue-dark-rgb: 0,11,20;
  --blue-medium-rgb: 11,98,135;
  --blue-light-rgb: 6,216,232;
  --blue-extra-light-rgb: 209,249,255;

  --pink-dark:#C32077;
  --pink-medium:#E42089;
  --pink-light:#F63A97;
  --pink-extra-light:#FF6CBA;

  --pink-dark-rgb: 195,32,119;
  --pink-medium-rgb: 228,32,137;
  --pink-light-rgb: 246,58,151;
  --pink-extra-light-rgb: 255,108,186;


  --ok:#2EE68F; --warn:#FFC857; --danger:#FF5D5D;


  --fs-12:12px; --fs-13:13px; --fs-14:14px; --fs-16:16px;
  --fs-18:18px; --fs-22:22px; --fs-28:28px; --fs-36:36px;


  --radius:14px;
  --ring-color: var(--blue-light);


  --gap-1:8px; --gap-2:12px; --gap-3:16px; --gap-4:20px; --gap-5:24px;
}