/* NN Matter — colour. GLOBAL tokens (the palette) then ALIAS tokens (the decisions).
   Values copied verbatim from the Matter global/alias token tables. Only the palette steps
   the aliases actually reference are carried here — the full 50→1300 ramps live in Matter. */
:root{
  /* ---------- Global: brand ---------- */
  --color-brand-white:#FFFFFF;
  --color-brand-black:#000000;
  --color-transparent:rgba(255,255,255,0);
  --color-brand-medium-orange:#EA650D; /* mediumOrange.600 — THE brand orange */
  --color-brand-light-orange:#EE7F00;  /* lightOrange.500 — status only */
  --color-brand-dark-orange:#E64415;   /* darkOrange.700 — status only */

  /* ---------- Global: mediumOrange ---------- */
  --color-medium-orange-100:#FDEDE2;
  --color-medium-orange-500:#F37B2B;
  --color-medium-orange-600:#EA650D;
  --color-medium-orange-700:#D15B0C;

  /* ---------- Global: lightOrange (warning) ---------- */
  --color-light-orange-100:#FFEDD9;
  --color-light-orange-200:#FFDBB2;
  --color-light-orange-500:#EE7F00;
  --color-light-orange-700:#C16700;
  --color-light-orange-900:#834600;

  /* ---------- Global: darkOrange (negative) ---------- */
  --color-dark-orange-100:#FDEDE9;
  --color-dark-orange-200:#FBDAD1;
  --color-dark-orange-700:#E64415;
  --color-dark-orange-900:#9E2D0E;

  /* ---------- Global: gray (text, primary button) ---------- */
  --color-gray-100:#F0F0F0;
  --color-gray-200:#E1E1E1;
  --color-gray-300:#CECECE;
  --color-gray-600:#8D8D8D;
  --color-gray-800:#6D6D6D;
  --color-gray-900:#565656;
  --color-gray-1000:#404040;
  --color-gray-1100:#2B2B2B;
  --color-gray-1200:#1A1A1A;

  /* ---------- Global: sand (surfaces, borders) ---------- */
  --color-sand-50:#FAF9F8;
  --color-sand-100:#F3EFED;
  --color-sand-200:#E6DFDA;
  --color-sand-900:#645245;

  /* ---------- Global: blue / green / purple (feedback, focus) ---------- */
  --color-blue-100:#EAF1F8;
  --color-blue-200:#D5E2F0;
  --color-blue-700:#4881BE;
  --color-blue-800:#3C70A8;
  --color-blue-900:#2E5783;
  --color-green-100:#E9F2E7;
  --color-green-200:#D4E6D1;
  --color-green-700:#538B4C;
  --color-green-900:#395F34;
  --color-purple-200:#E1E0EE;
  --color-purple-700:#7B77B6;
  --color-purple-900:#524E91;

  /* ================= ALIAS: background ================= */
  --background-default:var(--color-brand-white);
  --background-subtle:var(--color-sand-50);
  --background-tint:var(--color-sand-100);
  --background-brand:var(--color-brand-medium-orange);
  --background-hover:rgba(0,0,0,.02);
  --background-pressed:rgba(0,0,0,.06);
  --background-invisible:rgba(0,0,0,0);
  --background-backdrop:rgba(43,43,43,.5);
  --background-bar-progress:var(--color-brand-medium-orange);
  --background-bar-track:var(--color-sand-200);
  --background-feedback-informative:var(--color-blue-100);
  --background-feedback-positive:var(--color-green-100);
  --background-feedback-warning:var(--color-light-orange-100);
  --background-feedback-negative:var(--color-dark-orange-100);
  --background-category-blue:var(--color-blue-200);
  --background-category-green:var(--color-green-200);
  --background-category-gray:var(--color-gray-200);
  --background-category-sand:var(--color-sand-200);
  --background-category-light-orange:var(--color-light-orange-200);
  --background-category-dark-orange:var(--color-dark-orange-200);
  --background-category-purple:var(--color-purple-200);
  --background-form-selected:var(--color-brand-medium-orange);
  --background-progress-completed:var(--color-brand-medium-orange);
  --background-read-only:var(--color-sand-50);

  /* ================= ALIAS: text ================= */
  --text-default:var(--color-gray-1000);
  --text-subtle:var(--color-gray-800);
  --text-attentional:var(--color-gray-1200);
  --text-brand:var(--color-brand-medium-orange); /* headings XL+ ONLY */
  --text-inverted:var(--color-brand-white);
  --text-link-primary:var(--color-gray-1100);
  --text-link-secondary:var(--color-gray-1000);
  --text-category-blue:var(--color-blue-900);
  --text-category-green:var(--color-green-900);
  --text-category-gray:var(--color-gray-900);
  --text-category-sand:var(--color-sand-900);
  --text-category-purple:var(--color-purple-900);
  --text-category-light-orange:var(--color-light-orange-900);
  --text-category-dark-orange:var(--color-dark-orange-900);

  /* ================= ALIAS: icon ================= */
  --icon-default:var(--color-gray-1000);
  --icon-brand:var(--color-brand-medium-orange);
  --icon-inverted:var(--color-brand-white);
  --icon-form:var(--color-brand-medium-orange);
  --icon-selected:var(--color-brand-medium-orange);
  --icon-feedback-informative:var(--color-blue-700);
  --icon-feedback-positive:var(--color-green-700);
  --icon-feedback-warning:var(--color-light-orange-700);
  --icon-feedback-negative:var(--color-dark-orange-700);
  --icon-list-marker-default:var(--color-gray-800);
  --icon-list-marker-attentional:var(--color-brand-medium-orange);

  /* ================= ALIAS: border ================= */
  --border-default:var(--color-sand-200);
  --border-strong:var(--color-gray-600);
  --border-attentional:var(--color-gray-800);
  --border-brand:var(--color-brand-medium-orange);
  --border-selected:var(--color-brand-medium-orange);
  --border-invalid:var(--color-dark-orange-700);
  --border-invisible:rgba(0,0,0,0);
  --border-form-input:var(--color-gray-600);
  --border-feedback-informative:var(--color-blue-700);
  --border-feedback-positive:var(--color-green-700);
  --border-feedback-warning:var(--color-light-orange-500);
  --border-feedback-negative:var(--color-dark-orange-700);
  --border-progress-completed:var(--color-brand-medium-orange);
  --border-progress-current:var(--color-brand-medium-orange);
  --border-progress-initial:var(--color-sand-200);

  /* ================= ALIAS: outline / accent / decoration ================= */
  --outline-focus:var(--color-purple-900);
  --accent-form-default:var(--color-gray-600);
  --accent-form-checked:var(--color-brand-medium-orange);
  --accent-form-hover:var(--color-gray-800);
  --text-decoration-link-primary:var(--color-gray-1100);
  --text-decoration-link-primary-hover:var(--color-brand-medium-orange);
  --text-decoration-link-secondary:var(--color-gray-1000);

  /* ================= ALIAS: components ================= */
  --component-button-primary-background:var(--color-gray-1000);
  --component-button-primary-background-hover:var(--color-gray-1100);
  --component-button-secondary-border:var(--color-gray-1000);
  --component-button-secondary-border-hover:var(--color-brand-medium-orange);
  --component-badge-counter-background:var(--color-blue-800);
  --component-card-attentional-background:var(--color-brand-white);
  --component-card-attentional-border:var(--color-transparent);
  --component-logo-nn-symbol:var(--color-brand-medium-orange);
  --component-logo-nn-wordmark:var(--color-brand-black);
  --color-shadow:rgba(64,64,64,.12);
}