/* Brand palette from Ajamjo Branding & Design v.2: Vivid Blue #1B6BFF, Free Blue #1800AD, Black, White.
   Everything else is a derived tint/shade or a blue-tinted neutral — no new hues invented. */
:root{
  /* base — brand */
  --brand-vivid-blue:#1B6BFF;
  --brand-free-blue:#1800AD;
  --brand-black:#000000;
  --brand-white:#FFFFFF;

  /* base — blue scale (derived from Vivid Blue, bottoming out at Free Blue) */
  --blue-50:#F0F5FF;
  --blue-100:#DDE9FF;
  --blue-200:#BAD1FF;
  --blue-300:#8AB0FF;
  --blue-400:#4E8AFF;
  --blue-500:#1B6BFF;
  --blue-600:#0F52D6;
  --blue-700:#123FA8;
  --blue-800:#1800AD;
  --blue-900:#12007A;
  --blue-950:#0A0047;

  /* base — neutrals, faintly blue-tinted so they sit under Vivid Blue */
  --neutral-0:#FFFFFF;
  --neutral-50:#FAFAFC;
  --neutral-100:#F4F5F8;
  --neutral-200:#E9EAEF;
  --neutral-300:#D6D8E0;
  --neutral-400:#A8ACB9;
  --neutral-500:#797E8C;
  --neutral-600:#565B69;
  --neutral-700:#3A3E49;
  --neutral-800:#23262E;
  --neutral-900:#12141A;
  --neutral-1000:#000000;

  /* base — semantic hues, desaturated to stay under the blue */
  --green-500:#0E8A5F;
  --green-50:#E9F6F1;
  --amber-500:#A66B00;
  --amber-50:#FBF3E4;
  --red-500:#C4362E;
  --red-50:#FBEDEC;

  /* text */
  --text-strong:var(--neutral-1000);
  --text-body:var(--neutral-700);
  --text-muted:var(--neutral-500);
  --text-faint:var(--neutral-400);
  --text-inverse:var(--neutral-0);
  --text-accent:var(--blue-500);
  --text-on-accent:var(--neutral-0);
  --text-link:var(--blue-600);
  --text-link-hover:var(--blue-800);

  /* surfaces */
  --surface-page:var(--neutral-0);
  --surface-subtle:var(--neutral-50);
  --surface-card:var(--neutral-0);
  --surface-inset:var(--neutral-100);
  --surface-accent:var(--blue-50);
  --surface-accent-strong:var(--blue-500);
  --surface-deep:var(--brand-free-blue);
  --surface-inverse:var(--neutral-900);
  --surface-scrim:rgba(10,0,71,.44);

  /* borders */
  --border-hairline:var(--neutral-200);
  --border-strong:var(--neutral-300);
  --border-accent:var(--blue-500);
  --border-inverse:rgba(255,255,255,.18);

  /* interactive accent */
  --accent:var(--blue-500);
  --accent-hover:var(--blue-600);
  --accent-press:var(--blue-700);
  --accent-soft:var(--blue-50);
  --accent-soft-hover:var(--blue-100);
  --focus-ring:rgba(27,107,255,.30);

  /* status */
  --status-success:var(--green-500);
  --status-success-soft:var(--green-50);
  --status-warning:var(--amber-500);
  --status-warning-soft:var(--amber-50);
  --status-danger:var(--red-500);
  --status-danger-soft:var(--red-50);
}