/* ============================================================
   K-Techno POS — jetons de design (tokens)
   Repris du système de design ktechno (Claude Design).
   ============================================================ */
@import url('https://fonts.googleapis.com/css2?family=Sora:wght@400;600;700;800&family=Inter:wght@400;500;600;700&family=IBM+Plex+Mono:wght@400;500;600&family=Roboto:wght@400;500;700;900&family=Roboto+Mono:wght@400;500;700&display=swap');

:root {
  /* Palette de base */
  --indigo: #4F46E5;   --indigo-deep: #3730A3;  --indigo-50: #EEF0FE;  --indigo-100: #E0E1FC;
  --emerald: #059669;  --emerald-deep: #047857; --emerald-50: #E7F6F0;
  --amber: #D97706;    --amber-50: #FDF3E7;
  --crimson: #DC2626;  --crimson-50: #FCEAEA;
  --ink: #0F172A;      --ink-2: #475569;        --ink-3: #94A3B8;
  --cloud: #F8FAFC;    --line: #E2E8F0;         --white: #FFFFFF;

  /* Aliases sémantiques */
  --color-brand: var(--indigo);
  --color-success: var(--emerald);
  --color-warning: var(--amber);
  --color-danger: var(--crimson);
  --color-success-border:#BFE6D6; --color-warning-border:#F3DAB6; --color-danger-border:#F3C6C6;
  --color-success-text:#065F46;   --color-warning-text:#92400E;   --color-danger-text:#991B1B;
  --surface-page: var(--cloud);   --surface-card: var(--white);   --border-default: var(--line);

  /* Typographie */
  --font-display: 'Sora', sans-serif;
  --font-body: 'Inter', sans-serif;
  --font-mono: 'IBM Plex Mono', monospace;

  /* Espacement (base-4) */
  --space-xs:4px; --space-sm:8px; --space-md:16px; --space-lg:24px; --space-xl:32px; --space-2xl:48px;

  /* Rayons */
  --radius-control:8px; --radius-card:14px; --radius-pill:100px;
}

/* Mode sombre : on ne redéfinit que les surfaces/encre, les hues d'état restent. */
:root[data-theme="dark"] {
  --ink: #E8EDF5;  --ink-2: #A6B2C4; --ink-3: #64748B;
  --cloud: #0B1120; --line: #24304a; --white: #131C2E;
  --indigo-50: #1C2340; --indigo-100: #26315a;
  --surface-page: var(--cloud); --surface-card: var(--white); --border-default: var(--line);
  --emerald-50:#10241d; --amber-50:#2a2113; --crimson-50:#2a1717;
  --color-success-text:#5FD6AB; --color-warning-text:#E9B872; --color-danger-text:#F19999;
  --color-success-border:#1d4d3c; --color-warning-border:#5a4622; --color-danger-border:#5a2727;
}