/* =============================================================================
   LOCTERA — Web-usable CSS variables (mirror du fichier Sass)
   Importer en racine d'app pour usage non-Quasar.
   ============================================================================= */
:root {
  /* Brand */
  --loctera-sage-900:#14463C; --loctera-sage-800:#1A584D; --loctera-sage-700:#1F6B5C;
  --loctera-sage-600:#2F8472; --loctera-sage-500:#4DA292; --loctera-sage-300:#A6CFC4;
  --loctera-sage-100:#E8F1EE; --loctera-sage-50:#F4F8F6;
  --loctera-terra-700:#C97A4B; --loctera-terra-500:#E89B6B; --loctera-terra-300:#F2C4A3; --loctera-terra-100:#FAE9DA;

  /* Neutrals chauds */
  --loctera-neutral-900:#1A1F1D; --loctera-neutral-800:#2C3431; --loctera-neutral-700:#4A524F;
  --loctera-neutral-600:#6A716E; --loctera-neutral-500:#8B928F; --loctera-neutral-400:#B0B5B3;
  --loctera-neutral-300:#D6DBD8; --loctera-neutral-200:#E5E8E6; --loctera-neutral-100:#F5F7F6;
  --loctera-neutral-50:#FAFBFA;  --loctera-surface:#FFFFFF;

  /* Status */
  --loctera-success:#4A9B7E; --loctera-success-soft:#E4F1EB;
  --loctera-warning:#E5A53E; --loctera-warning-soft:#FAEFD8;
  --loctera-danger:#C25C5C;  --loctera-danger-soft:#F5E2E2;
  --loctera-info:#5B8BBC;    --loctera-info-soft:#E1ECF5;

  /* Semantic */
  --brand-primary: var(--loctera-sage-700);
  --brand-primary-hover: var(--loctera-sage-800);
  --brand-primary-soft: var(--loctera-sage-100);
  --brand-accent: var(--loctera-terra-500);
  --brand-accent-soft: var(--loctera-terra-100);
  --text-primary: var(--loctera-neutral-900);
  --text-secondary: var(--loctera-neutral-700);
  --text-tertiary: var(--loctera-neutral-500);
  --text-on-brand: var(--loctera-surface);
  --bg-app: var(--loctera-neutral-50);
  --bg-surface: var(--loctera-surface);
  --bg-subtle: var(--loctera-neutral-100);
  --bg-wash: var(--loctera-sage-100);
  --border-subtle: var(--loctera-neutral-200);
  --border-default: var(--loctera-neutral-300);
  --border-strong: var(--loctera-neutral-400);

  /* Type */
  --font-display: "Geist", "Inter Display", -apple-system, system-ui, sans-serif;
  --font-body:    "Inter", -apple-system, system-ui, sans-serif;
  --font-mono:    "JetBrains Mono", ui-monospace, "SFMono-Regular", monospace;

  /* Radius */
  --radius-xs:4px; --radius-sm:6px; --radius-md:8px;
  --radius-lg:12px; --radius-xl:16px; --radius-full:999px;

  /* Shadow */
  --shadow-sm: 0 1px 2px rgba(26,31,29,.04);
  --shadow-md: 0 4px 12px rgba(26,31,29,.06);
  --shadow-lg: 0 12px 32px rgba(26,31,29,.08);
  --shadow-focus: 0 0 0 3px rgba(31,107,92,.18);

  /* Counter palette */
  --counter-calm:    var(--loctera-success);
  --counter-watch:   var(--loctera-warning);
  --counter-alert:   var(--brand-accent);
  --counter-blocked: var(--loctera-danger);
}

* { box-sizing: border-box; }
body { margin: 0; font-family: var(--font-body); color: var(--text-primary); -webkit-font-smoothing: antialiased; }