/* Imitech design tokens — direction Console */
:root{
  /* couleurs */
  --imi-bg:#0b0f14; --imi-surface:#111821; --imi-surface-urgent:#1a1210; --imi-surface-success:#0f1d17;
  --imi-line:#1f2b38; --imi-line-strong:#33414f;
  --imi-text:#e6edf3; --imi-text-muted:#b9c4cf; --imi-text-subtle:#9fb0c0; --imi-placeholder:#5d6b79;
  --imi-accent:#7ee2a8; /* oklch(0.84 0.15 155) */ --imi-accent-hover:#a3edc3;
  --imi-urgent:oklch(0.72 0.18 30); --imi-urgent-text:oklch(0.80 0.14 30); --imi-urgent-line:oklch(0.55 0.14 30);
  --imi-warning:#f0c86a; --imi-ink:#0b0f14;
  /* typo */
  --imi-font-mono:'JetBrains Mono',ui-monospace,Menlo,monospace;
  --imi-font-sans:'IBM Plex Sans',system-ui,sans-serif;
  --imi-fs-display:clamp(30px,4.6vw,50px); --imi-fs-h2:clamp(26px,3.4vw,34px); --imi-fs-h3:21px;
  --imi-fs-lead:clamp(17px,1.6vw,19px); --imi-fs-body:17px; --imi-fs-article:18px; --imi-fs-small:15px; --imi-fs-label:14px;
  --imi-lh-body:1.6; --imi-lh-title:1.12;
  /* espacements (échelle 4 px) */
  --imi-space-1:4px; --imi-space-2:8px; --imi-space-3:12px; --imi-space-4:16px; --imi-space-5:20px; --imi-space-6:24px;
  --imi-space-7:32px; --imi-space-8:40px; --imi-space-9:56px; --imi-space-10:72px; --imi-space-11:88px;
  --imi-gutter:clamp(20px,4vw,56px); --imi-section:clamp(56px,8vw,88px); --imi-max:1280px; --imi-prose:680px;
  /* rayons */
  --imi-radius-sm:6px; --imi-radius-md:10px; --imi-radius-lg:12px; --imi-radius-pill:999px;
  /* divers */
  --imi-focus:0 0 0 3px rgba(126,226,168,.35); --imi-touch:44px;
}
@keyframes imi-blink{0%,49%{opacity:1}50%,100%{opacity:0}}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}

/* Values used in the mockups but missing from the original tokens.css */
:root{
  --imi-text-nav:#c5d0db; --imi-text-meta:#8b98a5;
  --imi-line-button:#3a4a5a; --imi-line-success:#2f6b4c;
  --imi-urgent-hover:oklch(0.78 0.15 30); --imi-urgent-label:oklch(0.78 0.16 30);
  --imi-surface-stripe:#141c26;
  --imi-line-urgent:#3a221c; --imi-text-urgent-muted:#d6c8c3; --imi-text-urgent-subtle:#c4a79e;
  --imi-text-article:#d5dde5;
}
@keyframes imi-spin{to{transform:rotate(360deg)}}
