/* =================================================================
   MEDIGO 2026 — DESIGN TOKENS
   Style : Premium minimaliste (Apple / Linear / Stripe)
   Reference : palette neutre + accent violet/turquoise contenus
   ================================================================= */
:root {
  /* === COLORS — Brand === */
  --m26-violet-50:  #f6f3fc;
  --m26-violet-100: #ede5f8;
  --m26-violet-200: #d4c1ee;
  --m26-violet-300: #b89ce0;
  --m26-violet-400: #8d68ce;
  --m26-violet-500: #4a16c0;  /* hover */
  --m26-violet-600: #3a0ca3;  /* primary */
  --m26-violet-700: #361069;
  --m26-violet-800: #2a0c52;
  --m26-violet-900: #1f0840;

  --m26-turq-50:  #effdfc;
  --m26-turq-100: #d8faf8;
  --m26-turq-200: #aaf2ee;
  --m26-turq-500: #00d2cd;
  --m26-turq-700: #007c79;
  --m26-turq-900: #003d3b;

  /* === COLORS — Neutral (greys) === */
  --m26-grey-50:  #fafafa;
  --m26-grey-100: #f5f5f5;
  --m26-grey-200: #ebebeb;
  --m26-grey-300: #d4d4d4;
  --m26-grey-400: #a3a3a3;
  --m26-grey-500: #737373;
  --m26-grey-600: #525252;
  --m26-grey-700: #404040;
  --m26-grey-800: #262626;
  --m26-grey-900: #171717;

  /* === COLORS — Semantic === */
  --m26-text:        #1f1b2d;
  --m26-text-muted:  #625d76;
  --m26-text-subtle: #9691a8;
  --m26-bg:          #ffffff;
  --m26-bg-soft:     #fafafa;
  --m26-border:      rgba(0, 0, 0, 0.06);
  --m26-border-strong: rgba(0, 0, 0, 0.10);
  --m26-border-violet: rgba(58, 12, 163, 0.12);

  /* === SHADOWS — Tres legeres (Apple/Linear) === */
  /* Plus de violet sature — ombres neutres avec teinte tres subtile */
  --m26-shadow-xs: 0 1px 2px rgba(17, 12, 46, 0.04);
  --m26-shadow-sm: 0 2px 4px rgba(17, 12, 46, 0.04), 0 1px 2px rgba(17, 12, 46, 0.03);
  --m26-shadow-md: 0 4px 12px rgba(17, 12, 46, 0.05), 0 2px 4px rgba(17, 12, 46, 0.04);
  --m26-shadow-lg: 0 8px 24px rgba(17, 12, 46, 0.06), 0 4px 8px rgba(17, 12, 46, 0.04);
  --m26-shadow-xl: 0 16px 40px rgba(17, 12, 46, 0.08), 0 6px 12px rgba(17, 12, 46, 0.04);

  /* Shadows accent (hover/focus seulement) */
  --m26-shadow-violet-sm: 0 2px 8px rgba(58, 12, 163, 0.08);
  --m26-shadow-violet-md: 0 6px 16px rgba(58, 12, 163, 0.10);
  --m26-shadow-violet-lg: 0 10px 28px rgba(58, 12, 163, 0.14);

  /* === SPACING (4px base scale) === */
  --m26-space-1: 4px;
  --m26-space-2: 8px;
  --m26-space-3: 12px;
  --m26-space-4: 16px;
  --m26-space-5: 20px;
  --m26-space-6: 24px;
  --m26-space-8: 32px;
  --m26-space-10: 40px;
  --m26-space-12: 48px;
  --m26-space-16: 64px;

  /* === RADIUS === */
  --m26-radius-xs: 6px;
  --m26-radius-sm: 10px;
  --m26-radius-md: 14px;
  --m26-radius-lg: 20px;
  --m26-radius-xl: 28px;
  --m26-radius-pill: 999px;

  /* === TYPOGRAPHY === */
  --m26-font: "Gilroy", -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;

  --m26-text-xs: 12px;
  --m26-text-sm: 13px;
  --m26-text-base: 15px;
  --m26-text-lg: 17px;
  --m26-text-xl: 20px;
  --m26-text-2xl: 24px;
  --m26-text-3xl: 32px;
  --m26-text-4xl: 42px;
  --m26-text-5xl: 56px;

  --m26-leading-tight: 1.1;
  --m26-leading-snug: 1.3;
  --m26-leading-normal: 1.5;
  --m26-leading-relaxed: 1.7;

  --m26-tracking-tight: -0.02em;
  --m26-tracking-tighter: -0.03em;

  /* === EASINGS === */
  --m26-ease-smooth: cubic-bezier(0.22, 1, 0.36, 1);   /* primary */
  --m26-ease-snappy: cubic-bezier(0.4, 0, 0.2, 1);     /* fast */
  --m26-ease-bounce: cubic-bezier(0.34, 1.56, 0.64, 1);/* playful */

  /* === DURATIONS === */
  --m26-dur-fast: 0.15s;
  --m26-dur-base: 0.22s;
  --m26-dur-slow: 0.4s;

  /* === Z-INDEX === */
  --m26-z-bg: -1;
  --m26-z-base: 1;
  --m26-z-raised: 10;
  --m26-z-overlay: 100;
  --m26-z-sticky: 9990;
  --m26-z-modal: 9999;
}