:root{
  /* neutrals */
  --neutral-black:#1C0706;     /* brand ink */
  --neutral-dgrey:#4D4D4D;
  --neutral-grey:#717171;
  --neutral-lgrey:#89939E;
  --neutral-greyblue:#ABBED1;
  --neutral-silver:#F5F7FA;
  --neutral-white:#FFFFFF;

  /* brand (from your logo) */
  --primary:#47A823;           /* green */
  --secondary:#1C0706;         /* ink */
  --info:#252BE9;              /* blue */
  --accent-orange:#FC9A06;
  --accent-red:#FC4102;

  /* actions */
  --success:#47A823;
  --warning:#FC9A06;
  --danger:#FC4102

  /* layout */
  --radius-sm:10px;
  --radius-md:14px;
  --radius-lg:18px;

  /* shadows (matches your “Effects” vibe) */
  --shadow-1:0 2px 4px rgba(171,190,209,.60);
  --shadow-2:0 4px 8px rgba(171,190,209,.40);
  --shadow-3:0 6px 12px rgba(171,190,209,.30);
  --shadow-4:0 8px 16px rgba(171,190,209,.40);
  --shadow-5:0 10px 20px rgba(171,190,209,.30);

  /* typography */
  --font: system-ui,-apple-system,Segoe UI,Roboto,Arial,"Noto Sans";
}