/* =============================================================================
 * Prolog IMS - design tokens
 *
 * GENERATED - do not hand-edit. Run: node tools/reskin/gen-tokens.mjs
 * Source: C:/Users/mohammed/Documents/smatch/IMS/front/inventaireModuleWMSFront/src/theme/theme.package.cjs
 *
 * Loaded FIRST in templates/partials/base.html, before Bootstrap, so every
 * later layer can consume these. Declarations only - no selectors are styled
 * here, so this file can never conflict with anything.
 *
 * The *-rgb triplets are space-separated on purpose: they let us write
 * rgb(var(--prolog-primary-rgb) / .10), reproducing Tailwind's bg-primary/10
 * exactly as used throughout the IMS components.
 * ========================================================================== */

:root {
  /* ---- brand --------------------------------------------------------- */
  --prolog-primary:#2353A4;
  --prolog-primary-light:#1A9EFF;
  --prolog-primary-dark:#0B1E3D;
  --prolog-primary-50:#F0F3F8;
  --prolog-primary-100:#DDE3EE;
  --prolog-primary-200:#C5CEDD;
  --prolog-primary-300:#8A99B3;
  --prolog-primary-400:#3A6DC0;
  --prolog-primary-500:#3A6DC0;
  --prolog-primary-600:#2353A4;
  --prolog-primary-700:#1A3D78;
  --prolog-primary-800:#122A54;
  --prolog-primary-900:#0B1E3D;

  /* IMS names this "secondary"; in WMS it is an ACCENT. Bootstrap's own
     $secondary stays a neutral gray so Cancel/Fermer buttons read as neutral. */
  --prolog-accent:#1A9EFF;
  --prolog-accent-light:#5BBDFF;
  --prolog-accent-dark:#006FCC;

  /* ---- state --------------------------------------------------------- */
  --prolog-success:#0E9E6E; --prolog-success-light:#E8FAF4; --prolog-success-dark:#076949;
  --prolog-error:#DC2626;   --prolog-error-light:#FEE8E8;   --prolog-error-dark:#991B1B;
  --prolog-danger:#DC2626;  --prolog-danger-light:#FEE8E8;  --prolog-danger-dark:#991B1B;
  --prolog-warning:#D97706; --prolog-warning-light:#FEF3CD; --prolog-warning-dark:#92500A;
  --prolog-info:#1A9EFF;    --prolog-info-light:#E8F5FF;    --prolog-info-dark:#006FCC;

  /* ---- alpha-composable triplets ------------------------------------- */
  --prolog-primary-rgb:35 83 164;
  --prolog-accent-rgb:26 158 255;
  --prolog-success-rgb:14 158 110;
  --prolog-error-rgb:220 38 38;
  --prolog-warning-rgb:217 119 6;
  --prolog-info-rgb:26 158 255;
  --prolog-text-rgb:30 42 59;

  /* ---- text / surface / border --------------------------------------- */
  --prolog-text:#1E2A3B; --prolog-text-light:#5A6A87;
  --prolog-text-dark:#344560; --prolog-text-muted:#8A99B3;
  --prolog-bg-app:#F5F7FA;  --prolog-bg-card:#FFFFFF;
  --prolog-bg-hover:#E8F5FF; --prolog-bg-dark:#0B1E3D;
  --prolog-bg-alert-warning:#FEF3CD;
  --prolog-bg-alert-error:#FEE8E8;
  --prolog-bg-alert-success:#E8FAF4;
  --prolog-border:#DDE3EE; --prolog-border-light:#EEF1F6;
  --prolog-border-dark:#344560;

  /* ---- navy / accent ramps ------------------------------------------- */
  --prolog-navy-50:#F0F3F8;
  --prolog-navy-100:#DDE3EE;
  --prolog-navy-500:#3A6DC0;
  --prolog-navy-600:#2353A4;
  --prolog-navy-700:#1A3D78;
  --prolog-navy-800:#122A54;
  --prolog-navy-900:#0B1E3D;
  --prolog-accent-50:#E8F5FF;
  --prolog-accent-100:#BDE4FF;
  --prolog-accent-300:#5BBDFF;
  --prolog-accent-500:#1A9EFF;
  --prolog-accent-700:#006FCC;

  /* ---- radii ---------------------------------------------------------- */
  --prolog-radius-sm:0.125rem;  --prolog-radius:0.25rem;
  --prolog-radius-md:0.375rem;  --prolog-radius-lg:0.5rem;
  --prolog-radius-xl:0.75rem;  --prolog-radius-2xl:1rem;
  --prolog-radius-3xl:1.5rem; --prolog-radius-full:9999px;

  /* ---- shadows -------------------------------------------------------- */
  --prolog-shadow-sm:0 1px 2px 0 rgb(0 0 0 / 0.05);
  --prolog-shadow:0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
  --prolog-shadow-md:0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
  --prolog-shadow-lg:0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
  --prolog-shadow-xl:0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
  /* IMS Sidebar.vue: shadow-[5px_0_25px_0_rgba(94,92,154,0.1)] */
  --prolog-shadow-sidebar:5px 0 25px 0 rgba(94, 92, 154, .1);
  /* IMS .btn: shadow-[0_10px_20px_-10px] <colour>/60 - the signature button lift */
  --prolog-shadow-btn:0 10px 20px -10px;

  /* ---- type ----------------------------------------------------------- */
  /* IMS declares IBM Plex Sans but never loads the webfont, so it renders in
     system-ui today. Declaring the same stack keeps the two apps identical;
     self-hosting IBM Plex later lights up BOTH apps at once. */
  --prolog-font-body:"IBM Plex Sans", system-ui, sans-serif, -apple-system, "Segoe UI", Roboto, sans-serif;
  --prolog-font-heading:"IBM Plex Sans", system-ui, sans-serif, -apple-system, "Segoe UI", Roboto, sans-serif;
  --prolog-font-mono:"IBM Plex Mono", ui-monospace, monospace;
  --prolog-text-xs:0.75rem;
  --prolog-text-sm:0.875rem;
  --prolog-text-base:1rem;
  --prolog-text-lg:1.125rem;
  --prolog-text-xl:1.25rem;
  --prolog-text-2xl:1.5rem;
  --prolog-text-3xl:1.875rem;
  --prolog-text-4xl:2.25rem;
  --prolog-text-5xl:3rem;
  --prolog-text-6xl:3.75rem;
  --prolog-fw-light:300;
  --prolog-fw-normal:400;
  --prolog-fw-medium:500;
  --prolog-fw-semibold:600;
  --prolog-fw-bold:700;
  --prolog-fw-extrabold:800;
  --prolog-leading-none:1;
  --prolog-leading-tight:1.25;
  --prolog-leading-snug:1.375;
  --prolog-leading-normal:1.5;
  --prolog-leading-relaxed:1.625;
  --prolog-leading-loose:2;

  /* ---- layout ---------------------------------------------------------- */
  /* Mesures relevees sur l'IMS en production (prolog-ims.smatch.ma), pas sur
     le Sidebar.vue du depot local : celui-ci decrit une ancienne sidebar
     blanche de 260px que le deploiement a remplacee. En ligne : header pleine
     largeur de 64px, sidebar de 256px (w-64) posee SOUS le header, rail de
     64px (le decalage du contenu quand on reduit). */
  --prolog-sidebar-w:256px;
  --prolog-sidebar-w-collapsed:64px;
  --prolog-topbar-h:64px;
  --prolog-z-sidebar:1030;
  --prolog-z-topbar:1040;              /* au-dessus de la sidebar, sous les modales (1050) */

  /* ---- shell (header + sidebar sombres, IMS en production) --------------- */
  --prolog-topbar-bg:var(--prolog-navy-900);        /* #0B1E3D */
  --prolog-sidebar-bg:var(--prolog-navy-800);       /* #122A54 */
  --prolog-navy-700-rgb:26 61 120;
  --prolog-shell-divider:rgb(var(--prolog-navy-700-rgb) / .55);   /* bordures internes */
  --prolog-topbar-divider:rgb(var(--prolog-navy-700-rgb) / .65);  /* bas du header */
  --prolog-shell-hover:rgb(255 255 255 / .08);
  --prolog-shell-active:rgb(255 255 255 / .12);
  --prolog-shell-active-border:rgb(var(--prolog-accent-rgb) / .28);
  --prolog-shell-subtle:rgb(255 255 255 / .06);     /* fond du bouton Reduire */
  --prolog-brand-mark:linear-gradient(135deg, var(--prolog-primary), #4671F7);

  /* ---- statut « en cours » ------------------------------------------------
     Les statuts en cours de traitement (En cours, En préparation, À ranger,
     PDA en cours, dispatch...) étaient en --prolog-warning #D97706 : l'IMS
     réserve cette couleur aux vraies mises en garde et n'a aucun bouton
     « warning ». Violet-600 = teinte de statut de l'IMS (EN CONFIGURATION,
     ANALYSER), distincte de tous les autres statuts du WMS (gris, vert, bleu
     ciel, marine, noir, rouge) — le bleu « EN RÉALISATION » de l'IMS se serait
     confondu avec les deux bleus déjà pris. Blanc dessus : 5.70:1 (AA), contre
     3.19:1 pour l'ancien jaune. Changer la teinte = changer ces deux lignes. */
  --prolog-status-progress:#7C3AED;
  --prolog-status-progress-rgb:124 58 237;

  /* ---- IMS-compatible aliases -------------------------------------------
     Same names IMS exposes via tailwind.config.cjs addBase, so CSS copied
     from IMS drops in unchanged. */
  --color-primary:var(--prolog-primary);
  --color-primary-light:var(--prolog-primary-light);
  --color-primary-dark:var(--prolog-primary-dark);
  --color-secondary:var(--prolog-accent);
  --color-success:var(--prolog-success);
  --color-error:var(--prolog-error);
  --color-warning:var(--prolog-warning);
  --color-info:var(--prolog-info);
  --color-text:var(--prolog-text);
  --color-text-light:var(--prolog-text-light);
  --color-text-muted:var(--prolog-text-muted);
  --color-bg-app:var(--prolog-bg-app);
  --color-bg-card:var(--prolog-bg-card);
  --color-bg-hover:var(--prolog-bg-hover);
  --color-bg-dark:var(--prolog-bg-dark);
  --color-border:var(--prolog-border);
  --color-border-light:var(--prolog-border-light);
  --font-body:var(--prolog-font-body);
  --font-heading:var(--prolog-font-heading);
}

/* Dark palette - DECLARED, NOT WIRED.
   Transcribed from IMS tailwind.config.cjs addBase('.dark'). Nothing toggles
   .dark yet: Skote ships two separate dark stylesheets rather than a .dark
   class, so dark mode is deferred. Writing every later rule against these
   tokens keeps "enable dark mode" a CSS-only job. */
.dark {
  --prolog-primary:#1A9EFF;
  --prolog-primary-light:#5BBDFF;
  --prolog-primary-dark:#0B1E3D;
  --prolog-primary-rgb:26 158 255;
  --prolog-text:#EEF1F6;
  --prolog-text-light:#8A99B3;
  --prolog-text-muted:#5A6A87;
  --prolog-bg-app:#0B1E3D;
  --prolog-bg-card:#122A54;
  --prolog-bg-hover:rgba(26, 158, 255, .12);
  --prolog-bg-dark:#0B1E3D;
  --prolog-border:#1A3D78;
  --prolog-border-light:#122A54;
  --prolog-border-dark:#344560;
}