/* ============================================================
   Ordit — Color tokens
   Brand navy on white; soft pastel accents used generously.
   ============================================================ */
:root {
  /* ---- Brand core ---- */
  --ordit-navy: #022141;      /* primary ink / logo wordmark */
  --ordit-navy-700: #0a2e52;
  --ordit-navy-600: #143a60;
  --ordit-blue: #0174d9;      /* accent — the "." in the logo, links, CTAs */
  --ordit-blue-600: #0a66bd;
  --ordit-blue-050: #e9f3fc;

  /* ---- Soft pastel palette (from expertise cards) ---- */
  --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;       /* near-black card surface */

  /* ---- Neutral ramp ---- */
  --white: #ffffff;
  --gray-50: #f7f8fa;
  --gray-100: #eef1f5;
  --gray-200: #e2e7ee;
  --gray-300: #cbd2dc;
  --gray-400: #9aa4b2;
  --gray-500: #6b7683;
  --gray-600: #4b5560;
  --gray-700: #333b44;
  --gray-800: #1e242b;
  --gray-900: #0f1318;

  /* ---- Semantic aliases ---- */
  --text-strong: var(--ordit-navy);
  --text-body: var(--gray-700);
  --text-muted: var(--gray-500);
  --text-inverse: #ffffff;
  --text-link: var(--ordit-blue);
  --text-link-hover: var(--ordit-blue-600);

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

  --border-subtle: var(--gray-200);
  --border-default: var(--gray-300);
  --border-strong: var(--gray-400);

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

  /* ---- Semantic status ---- */
  --success: #2e9e6b;
  --success-soft: #dcf3e8;
  --warning: #d9922b;
  --warning-soft: #fbead0;
  --danger: #d64545;
  --danger-soft: #f8dede;
  --info: var(--ordit-blue);
  --info-soft: var(--ordit-blue-050);
}