/* Air Temp — Color tokens
   Palette sampled directly from the brand logo:
   heating red #D7232E · cooling blue #03A1E9 · flame orange #F99D03 · black outline */
:root{
  /* ---- Brand ramps ---- */
  --red-50:#FDECEE; --red-100:#FBD6DA; --red-200:#F4A7AE; --red-300:#EC7681;
  --red-400:#E14957; --red-500:#D7232E; --red-600:#B81C27; --red-700:#96141E;
  --red-800:#6F0E16; --red-900:#4A090F;

  --blue-50:#E4F5FE; --blue-100:#C4EBFD; --blue-200:#8ED8FA; --blue-300:#54C2F4;
  --blue-400:#22ADEF; --blue-500:#03A1E9; --blue-600:#0286C4; --blue-700:#036A9C;
  --blue-800:#054F74; --blue-900:#06344C;

  --orange-50:#FEF3DF; --orange-100:#FEE6BC; --orange-200:#FCCF82; --orange-300:#FBB747;
  --orange-400:#FAA71F; --orange-500:#F99D03; --orange-600:#E08800; --orange-700:#B06A00;
  --orange-800:#7E4C00; --orange-900:#4D2E00;

  /* ---- Ink / neutral ramp (cool gray, reads as steel) ---- */
  --ink-900:#111417; --ink-800:#1C2126; --ink-700:#333B42; --ink-600:#4C555D;
  --ink-500:#5C666E; --ink-400:#8A939B; --ink-300:#B9C0C6; --ink-200:#DDE2E6;
  --ink-100:#EDF0F2; --ink-50:#F5F7F9; --white:#FFFFFF;

  /* ---- Semantic: brand ---- */
  --brand-heat:var(--red-500);
  --brand-cool:var(--blue-500);
  --brand-flame:var(--orange-500);
  --brand-ink:var(--ink-900);

  /* ---- Semantic: text ---- */
  --text-strong:var(--ink-900);
  --text-body:var(--ink-800);
  --text-muted:var(--ink-500);
  --text-faint:var(--ink-400);
  --text-inverse:var(--white);
  --text-link:var(--blue-600);
  --text-link-hover:var(--blue-700);
  --text-on-heat:var(--white);
  --text-on-cool:var(--white);

  /* ---- Semantic: surfaces ---- */
  --surface-page:var(--ink-50);
  --surface-card:var(--white);
  --surface-sunken:var(--ink-100);
  --surface-ink:var(--ink-900);
  --surface-ink-soft:var(--ink-800);
  --surface-heat-tint:var(--red-50);
  --surface-cool-tint:var(--blue-50);
  --surface-flame-tint:var(--orange-50);

  /* ---- Semantic: borders ---- */
  --border-subtle:var(--ink-100);
  --border-default:var(--ink-200);
  --border-strong:var(--ink-300);
  --border-ink:var(--ink-900);

  /* ---- Semantic: status ---- */
  --success:#1E9E5A; --success-tint:#E4F6EC;
  --warning:var(--orange-500); --warning-tint:var(--orange-50);
  --danger:var(--red-500); --danger-tint:var(--red-50);
  --info:var(--blue-500); --info-tint:var(--blue-50);

  /* ---- Focus ---- */
  --focus-ring:var(--blue-400);
}