/* ==========================================================================
   ZENO PMD · Design tokens
   Source : charte ZENO-Indices v3.0 (colors_and_type.css) — adaptée dashboard
   ========================================================================== */

@import url('https://fonts.googleapis.com/css2?family=Syne:wght@600;700;800&family=Inter:wght@400;500;600;700&display=swap');

:root {
  /* ---------- Navy ramp (autorité) ---------- */
  --color-navy-50:  #eceffe;
  --color-navy-100: #c0c9ef;
  --color-navy-300: #7b8fce;
  --color-navy-500: #3d54a0;
  --color-navy-700: #263579;
  --color-navy-900: #16205c;

  /* ---------- Orange ramp (accent / CTA uniquement) ---------- */
  --color-orange-50:  #fdf0e8;
  --color-orange-100: #f5c9a8;
  --color-orange-300: #ec9a65;
  --color-orange-500: #e46c2c;
  --color-orange-600: #d6601f;
  --color-orange-700: #b8521a;

  /* ---------- Neutrals (navy-tinted) ---------- */
  --color-white:    #ffffff;
  --color-gray-50:  #f7f7fa;
  --color-gray-100: #ededf2;
  --color-gray-200: #d5d5dc;
  --color-gray-300: #babac5;
  --color-gray-400: #9e9e9e;
  --color-gray-500: #7a7a86;
  --color-gray-600: #57575f;
  --color-gray-700: #3a3a40;
  --color-ink:      #1a1a2e;

  /* ---------- Semantic (statuts / priorités) ---------- */
  --status-backlog:  #9e9e9e;
  --status-progress: #3d54a0;
  --status-review:   #e46c2c;
  --status-done:     #2e9e6b;

  --prio-basse:    #7a7a86;
  --prio-moyenne:  #3d54a0;
  --prio-haute:    #e46c2c;
  --prio-critique: #d92d20;

  --success-50: #e9f6f0;
  --danger-50:  #fdeceb;

  /* ---------- Foreground / background ---------- */
  --fg-default: var(--color-ink);
  --fg-muted:   var(--color-gray-600);
  --fg-subtle:  var(--color-gray-500);
  --fg-title:   var(--color-navy-900);
  --fg-accent:  var(--color-orange-500);

  --bg-page:    var(--color-gray-50);
  --bg-surface: var(--color-white);

  --border-subtle:  var(--color-gray-100);
  --border-default: var(--color-gray-200);

  /* ---------- Typography ---------- */
  --font-logo: 'Syne', sans-serif;       /* logo / wordmark uniquement */
  --font-ui:   'Inter', system-ui, sans-serif;

  /* ---------- Radius ---------- */
  --radius-sm: 6px;
  --radius-md: 12px;
  --radius-lg: 16px;
  --radius-pill: 999px;

  /* ---------- Spacing ---------- */
  --space-2xs: 0.25rem;
  --space-xs:  0.5rem;
  --space-sm:  0.75rem;
  --space-md:  1rem;
  --space-lg:  1.5rem;
  --space-xl:  2rem;
  --space-2xl: 3rem;

  /* ---------- Elevation (subtile, ink-tinted) ---------- */
  --shadow-xs: 0 1px 2px rgba(26, 26, 46, 0.05);
  --shadow-sm: 0 1px 3px rgba(26, 26, 46, 0.06), 0 1px 2px rgba(26, 26, 46, 0.04);
  --shadow-md: 0 8px 24px rgba(26, 26, 46, 0.07);
  --shadow-lg: 0 16px 48px rgba(26, 26, 46, 0.12);

  /* ---------- Motion (≤ 200ms) ---------- */
  --duration-fast: 150ms;
  --duration-base: 200ms;
  --ease: cubic-bezier(0.4, 0, 0.2, 1);

  /* ---------- Layout ---------- */
  --sidebar-w: 248px;
  --topbar-h: 68px;
  --detail-w: 380px;
}