/* REDNMORE MRP — Shared design tokens.
 * Single source of truth for colors, fonts, shadows, easing.
 * Loaded by index.html and saisie.html (and any future page) BEFORE inline <style> blocks.
 *
 * If you need to change a color or font, change it HERE — both pages stay in sync.
 *
 * Theme: light, industrial, eyewear-magazine inspired. zyö.com aesthetic. */

:root {
  color-scheme: light;

  /* Backgrounds */
  --bg: #efefef;
  --bg-elev: #f7f7f6;
  --surface: #ffffff;

  /* Text */
  --text: #1c1c1c;
  --muted: #6f6f6f;

  /* Rules / borders */
  --rule: #1c1c1c;
  --rule-soft: #d8d8d6;

  /* Status colors (semantic) */
  --accent: #6d1a1a;       /* primary brand red, used for emphasis + danger */
  --ok: #3d6b4a;           /* stock OK */
  --low: #a8791f;          /* stock below minimum (warning) */
  --critical: #9c2a20;     /* stock = 0 or hard error */

  /* Typography */
  --display: 'Instrument Sans', sans-serif;
  --body: 'Nunito', sans-serif;
  --italic: 'Instrument Serif', serif;

  /* Effects */
  --shadow-float: 0 24px 64px -16px rgba(28,28,28,0.2);
  --ease: cubic-bezier(0.2, 0.8, 0.2, 1);
}