/* HostPress — color tokens. Lightning Blue #0047FF is the ONLY accent. */
:root{
  /* Brand */
  --hp-blue:#0047FF; /* Lightning Blue */
  --hp-deep-black:#000104;
  --hp-coal-grey:#4E505A;
  --hp-mid-grey:#959DA4;
  --hp-light-grey:#F5F5F7;
  /* Legacy — logo only, never UI */
  --hp-legacy-orange:#FF5500;
  --hp-legacy-green:#04BF68;

  /* Blue scale (built around #0047FF = 500) */
  --blue-50:#F2F5FF;
  --blue-100:#E3EAFF;
  --blue-200:#C7D5FF;
  --blue-300:#9BB5FF;
  --blue-400:#5C87FF;
  --blue-500:#0047FF;
  --blue-600:#003BD6;
  --blue-700:#0030AD;
  --blue-800:#002582;
  --blue-900:#001A5C;
  --blue-950:#060E2B; /* Midnight — dark surfaces */

  /* Neutral scale — cool, anchored on Light/Mid/Coal Grey + Deep Black */
  --neutral-0:#FFFFFF;
  --neutral-25:#FAFAFB;
  --neutral-50:#F5F5F7;
  --neutral-100:#ECEDF0;
  --neutral-200:#DFE1E6;
  --neutral-300:#C5C9D0;
  --neutral-400:#959DA4;
  --neutral-500:#6D737D;
  --neutral-600:#4E505A;
  --neutral-700:#383A42;
  --neutral-800:#23242A;
  --neutral-900:#121317;
  --neutral-950:#000104;

  /* Status — system feedback only, desaturated so blue stays the only accent */
  --success-600:#12784A; --success-50:#EAF5EF;
  --warning-600:#9A5B00; --warning-50:#FBF3E6;
  --danger-600:#B42336;  --danger-50:#FBECEE;

  /* Semantic — text */
  --text-strong:var(--neutral-950);
  --text-body:var(--neutral-600);
  --text-muted:var(--neutral-500);
  --text-subtle:var(--neutral-400);
  --text-on-accent:#FFFFFF;
  --text-on-dark:#FFFFFF;
  --text-on-dark-muted:#AEB6CC;
  --text-link:var(--blue-500);
  --text-link-hover:var(--blue-700);

  /* Semantic — surfaces */
  --surface-page:var(--neutral-0);
  --surface-subtle:var(--neutral-25);
  --surface-muted:var(--neutral-50);
  --surface-card:var(--neutral-0);
  --surface-tint:var(--blue-50);
  --surface-dark:var(--blue-950);
  --surface-inverse:var(--neutral-950);

  /* Semantic — accent / interactive */
  --accent:var(--blue-500);
  --accent-hover:var(--blue-600);
  --accent-press:var(--blue-700);
  --accent-soft:var(--blue-100);
  --accent-soft-border:var(--blue-300);
  --focus-ring:0 0 0 3px rgba(0,71,255,.28);

  /* Borders */
  --border-subtle:var(--neutral-100);
  --border-default:var(--neutral-200);
  --border-strong:var(--neutral-300);
  --border-on-dark:rgba(255,255,255,.18);
}