/**
 * @file
 * Seucom / Medeco — Adaptation charte graphique pour Flashy+
 *
 * Palette de marque :
 *   Noir principal : #000000
 *   Blanc          : #FFFFFF
 *   Vert Seucom    : #009639  — hsl(143, 100%, 29%)
 *   Vert pâle      : #A2E4B8  — hsl(140, 55%, 76%)
 */
:root {
  --max-width: 1600px;
  --font-display: 'Unbounded', sans-serif;
  --font-body: 'DM Sans', sans-serif;
}

:root {
  /* ── BASE : fond sombre principal (noir Seucom) ──────────────────── */
  --mt-color-base: hsl(0, 0%, 5%);
  --mt-color-base-dark: hsl(0, 0%, 0%);
  --mt-color-base-light: hsl(0, 0%, 10%);
  --mt-color-base-contrast: #ffffff;
  --mt-color-base-value: 13, 13, 13;
  --mt-color-base-contrast-value: 255, 255, 255;

  /* ── PRIMARY : vert Seucom #009639 ───────────────────────────────── */
  --mt-color-primary: hsl(143, 100%, 29%);
  --mt-color-primary-dark: hsl(143, 100%, 20%);
  --mt-color-primary-light: hsl(140, 55%, 76%);
  --mt-color-primary-contrast: #ffffff;
  --mt-color-primary-value: 143, 100%, 29%;
  --mt-color-primary-dark-value: 143, 100%, 20%;

  /* ── ACCENT : blanc cassé (surfaces légères, cards) ─────────────── */
  --mt-color-accent:#f0f0f0;
  --mt-color-accent-dark: #e3e4e7;
  --mt-color-accent-light: #eeecec;
  --mt-color-accent-contrast: hsl(0, 0%, 5%);

  /* ── SECONDARY : vert pâle #A2E4B8 (highlights, badges) ─────────── */
  --mt-color-secondary: hsl(140, 55%, 76%);
  --mt-color-secondary-dark: hsl(140, 55%, 65%);
  --mt-color-secondary-light: hsl(140, 55%, 85%);
  --mt-color-secondary-contrast: hsl(0, 0%, 5%);
  --mt-color-secondary-value: 140, 55%, 76%;

  /* ── TINT : fond clair neutre (sections blanches alternées) ──────── */
  --mt-color-tint: #f5f5f5;
  --mt-color-tint-contrast: hsl(0, 0%, 5%);

  /* ── SHADE : fond sombre (identique à base) ──────────────────────── */
  --mt-color-shade: hsl(0, 0%, 5%);
  --mt-color-shade-contrast: #ffffff;

  /* ── DARK COLORED : vert très sombre (zones colorées en profondeur) */
  --mt-color-dark-colored: hsl(143, 100%, 14%);
  --mt-color-dark-colored-contrast: #ffffff;
  --mt-color-dark-colored-value: 143, 100%, 14%;

  /* ── COLORED : vert principal (zones colorées standard) ─────────── */
  --mt-color-colored: var(--mt-color-primary);
  --mt-color-colored-contrast: var(--mt-color-primary-contrast);
  --mt-color-colored-value: var(--mt-color-primary-value);

  /* ── BRIGHT : blanc pur ──────────────────────────────────────────── */
  --mt-color-bright: #ffffff;
  --mt-color-bright-contrast: hsl(0, 0%, 5%);

  /* ── DARK : noir pur ─────────────────────────────────────────────── */
  --mt-color-dark: #000000;
  --mt-color-dark-contrast: #ffffff;

  /* ── DEFAULT : fond blanc pour contenu général ───────────────────── */
  --mt-color-default: #ffffff;
  --mt-color-default-contrast: hsl(0, 0%, 5%);

  /* ── ÉTATS SYSTÈME (inchangés) ───────────────────────────────────── */
  --mt-color-success: #009639;
  --mt-color-success-dark: #006628;
  --mt-color-success-contrast: #ffffff;
  --mt-color-danger: #CC0000;
  --mt-color-danger-dark: #980a00;
  --mt-color-danger-contrast: #ffffff;
  --mt-color-warning: #EA9900;
  --mt-color-warning-dark: #e2630b;
  --mt-color-warning-contrast: #ffffff;

  /* ── FORMULAIRES ─────────────────────────────────────────────────── */
  --mt-form-border: rgba(var(--mt-color-base-value), 0.3);
  --mt-form-border-contrast: rgba(var(--mt-color-base-contrast-value), 0.7);
  --mt-form-border-focus: var(--mt-color-primary);
  --mt-form-border-focus-contrast: rgba(var(--mt-color-base-contrast-value), 1);
  --mt-form-color: var(--mt-color-base);
  --mt-form-color-contrast: var(--mt-color-base-contrast);
  --mt-form-label-color: rgba(var(--mt-color-base-value), 0.9);
  --mt-form-placeholder: rgba(var(--mt-color-base-value), 0.5);
  --mt-form-placeholder-contrast: rgba(var(--mt-color-base-contrast-value), 0.5);
  --mt-active-cell: hsla(var(--mt-color-primary-value), 0.12);
}