:root{
  --arc-bg:#0A1224;
  --arc-surface:#12192B;
  --arc-surface-raised:#161C2A;
  --arc-line:#212D43;
  --arc-line-strong:#314058;
  --arc-control-border:#7D8FA8;
  --arc-text:#F2F7FD;
  --arc-text-secondary:#B8C7DB;
  --arc-text-muted:#7D8FA8;
  --arc-blue:#5AA6FF;
  --arc-green:#5FD189;
  --arc-orange:#FF9B5E;
  --arc-red:#F06F6F;

  --arc-midnight:var(--arc-bg);
  --arc-graphite:var(--arc-surface-raised);
  --arc-mist:var(--arc-text);
  --arc-steel:var(--arc-text-secondary);
  --arc-slate:var(--arc-text-muted);
  --arc-pine:#24426B;

  --arc-radius-card:16px;
  --arc-radius-control:12px;
  --arc-radius-sm:8px;

  --arc-space-1:4px;
  --arc-space-2:8px;
  --arc-space-3:12px;
  --arc-space-4:16px;
  --arc-space-5:24px;
  --arc-space-6:32px;
  --arc-space-7:40px;

  --arc-font:-apple-system,BlinkMacSystemFont,'SF Pro Display','SF Pro Text','Helvetica Neue',Arial,sans-serif;
  --arc-mono:ui-monospace,'SFMono-Regular','SF Mono',Menlo,Monaco,Consolas,monospace;
}