/* ============================================================
   Ordit — Color tokens
   Updated to the live product design language (Sep 2026):
   cool app ground, one restrained brand blue (#3B6EB5),
   platform ink for dark furniture, status = the only colour.
   ============================================================ */
:root {
  /* ---- Brand core ---- */
  --ordit-navy: #022141;      /* logo wordmark / brand ink */
  --ordit-navy-700: #0a2e52;
  --ordit-navy-600: #143a60;
  --ordit-blue: #3B6EB5;      /* brand blue — buttons, links, active states */
  --ordit-blue-600: #2D5A8E;  /* hover — a real shade step */
  --ordit-blue-050: #EFF6FF;  /* tint — active nav, info surfaces */
  --ordit-blue-light: #DBE9F7;/* info badges */
  --ordit-blue-dark: #1E3A5F; /* deep accents */
  --platform-ink: #1E1B3A;    /* dark furniture: dark bands, panel headers */

  /* ---- Soft accent palette (marketing colour strip + state ticks) ---- */
  --ordit-amber: #fbb531;
  --ordit-amber-soft: #fde3ad;
  --ordit-sky: #60b9da;
  --ordit-sky-soft: #c9e8f2;
  --ordit-mauve: #c48db9;
  --ordit-mauve-soft: #ecd6e6;
  --ordit-slate: #b6b6b6;
  --ordit-slate-soft: #e4e4e4;
  --ordit-ink: #111111;

  /* ---- Ground & surfaces ---- */
  --app-ground: #F1F5F9;      /* THE page ground — white cards float on this */
  --white: #ffffff;
  --surface-hover: #F3F4F6;   /* row hovers, input fills, active nav */
  --surface-row-tint: #FAFBFD;/* nested/child rows under a white parent */

  /* ---- Neutral ramp (product greys) ---- */
  --gray-50: #f7f8fa;
  --gray-100: #eef1f5;
  --gray-200: #e2e7ee;
  --gray-300: #cbd2dc;
  --gray-400: #9aa4b2;
  --gray-500: #5F6875;
  --gray-600: #4b5560;
  --gray-700: #374151;
  --gray-800: #1e242b;
  --gray-900: #111827;

  /* ---- Semantic aliases ---- */
  --text-strong: var(--ordit-navy);
  --text-ink: #111827;        /* product page-heading ink */
  --text-body: var(--gray-700);
  --text-muted: var(--gray-500);
  --text-hint: #646C7A;
  --text-inverse: #ffffff;
  --text-link: var(--ordit-blue);
  --text-link-hover: var(--ordit-blue-600);

  --surface-page: var(--app-ground);
  --surface-subtle: var(--gray-50);
  --surface-card: #ffffff;
  --surface-dark: var(--platform-ink);
  --surface-ink: var(--ordit-ink);

  --border-subtle: #E5E7EB;
  --border-default: #D1D5DB;
  --border-strong: var(--gray-400);

  --focus-ring: var(--ordit-blue);

  /* ---- Status tones (traffic-light system; label always alongside) ---- */
  /* Solid fills */
  --success: #1E7F47;
  --warning: #DE9526;
  --danger: #D23B3B;
  --neutral: #64748B;
  --info: var(--ordit-blue);
  --exception: #B0702E;       /* recorded fact, not a problem — never red */
  /* Soft pills */
  --success-soft: #D1FAE5;
  --warning-soft: #FEF3C7;
  --danger-soft: #FEE2E2;
  --neutral-soft: #F3F4F6;
  --info-soft: #DBEAFE;
  --exception-soft: #F8F1E8;
  /* Tone as text on light (accessible) */
  --success-text: #1E7F47;
  --warning-text: #8A5A1D;
  --danger-text: #B0332F;
  --neutral-text: #5F6875;
  --info-text: #345F9E;
  --exception-text: #7C4A0F;
}