/* Raw palette — every value transcribed verbatim from the source Figma file.
   Never reference these directly in a component; use the semantic aliases. */
:root{
  /* Neutral ramp — the spine of the system. Named by their hex, not by a 50-900
     scale, because the source uses an irregular ramp weighted to the dark end. */
  --grey-000:#000000;
  --grey-050:#050505;
  --grey-110:#111111;
  --grey-170:#171717;
  --grey-1a0:#1a1a1a;
  --grey-1e0:#1e1e1e;
  --grey-210:#212121;
  --grey-220:#222222;
  --grey-240:#242424;
  --grey-280:#282828;
  --grey-300:#303030;
  --grey-330:#333333;
  --grey-380:#383838;
  --grey-440:#444444;
  --grey-660:#666666;
  --grey-750:#757575;
  --grey-880:#888888;
  --grey-990:#999999;
  --grey-a20:#a2a2a2;
  --grey-cc0:#cccccc;
  --grey-ee0:#eeeeee;
  --grey-fe0:#fefefe;
  --grey-fff:#ffffff;

  /* White alpha ladder — the only "surface" material in the dark theme.
     Panels, controls and hairlines are all white at a fixed opacity over black. */
  --white-a05:rgba(255,255,255,0.05);
  --white-a07:rgba(255,255,255,0.0706);
  --white-a10:rgba(255,255,255,0.102);
  --white-a15:rgba(255,255,255,0.149);
  --white-a20:rgba(255,255,255,0.2);
  --white-a40:rgba(255,255,255,0.4);
  --white-a60:rgba(255,255,255,0.6);

  /* Black alpha ladder — scrims, protection gradients and light-theme hairlines. */
  --black-a08:rgba(0,0,0,0.08);
  --black-a10:rgba(0,0,0,0.1);
  --black-a15:rgba(0,0,0,0.15);
  --black-a20:rgba(0,0,0,0.2);
  --black-a28:rgba(0,0,0,0.28);
  --black-a32:rgba(0,0,0,0.32);
  --black-a70:rgba(0,0,0,0.7);
  --black-a72:rgba(0,0,0,0.72);
  --black-a90:rgba(0,0,0,0.9);
  --black-a96:rgba(0,0,0,0.96);

  /* Azure — the single chromatic accent. 150 uses in the source, always as a
     link / active-state colour, never as a surface fill. */
  --azure-500:#0099ff;
  --azure-600:#0066ff;
  --azure-a09:rgba(0,153,255,0.094);
  --azure-a12:rgba(0,153,255,0.12);
  --azure-a20:rgba(0,153,255,0.2);
  --azure-a29:rgba(0,153,255,0.294);
  --azure-a38:rgba(0,153,255,0.384);

  /* Positive — status dots, "included" ticks, uptime. */
  --green-500:#4cd963;
  --green-600:#00bb88;
  --green-a10:rgba(76,217,99,0.1);
  --green-a30:rgba(76,217,99,0.3);
}