/* ============================================================
   Yria — Design Tokens
   Palette médicale sobre, WCAG AA conforme
   ============================================================ */

:root {
  /* ── Couleurs primaires (teal médical) ── */
  --color-primary:          #0F766E;
  --color-primary-hover:    #115E59;
  --color-primary-light:    #CCFBF1;
  --color-primary-active:   #0F766E;
  --color-primary-lighter:  #F0FDFA;

  /* ── Couleurs de fond (neutre chaud, pas de bleu) ── */
  --color-bg:               #EEF1F4;
  --color-bg-subtle:        #F1F3F5;
  --color-surface:          #FFFFFF;

  /* ── Texte ── */
  --color-text:             #0F172A;
  --color-text-secondary:   #334155;
  --color-text-muted:       #64748B;
  --color-text-disabled:    #94A3B8;

  /* ── Bordures ── */
  --color-border:           #D9DEE4;
  --color-border-strong:    #B8C0CA;

  /* ── Sidebar (thème sombre teal) ── */
  --color-sidebar-bg:       #0B2E2C;
  --color-sidebar-border:   #154845;
  --color-sidebar-text:     #CBD5D3;
  --color-sidebar-text-muted: #7C9794;
  --color-sidebar-active:   #115E59;
  --color-sidebar-active-text: #5EEAD4;
  --color-sidebar-hover:    #143E3B;

  /* ── Statuts sémantiques ── */
  --color-success:          #2D9B6E;
  --color-success-bg:       #D1FAE5;
  --color-success-text:     #065F46;

  --color-warning:          #D97706;
  --color-warning-bg:       #FEF3C7;
  --color-warning-text:     #92400E;

  --color-error:            #DC2626;
  --color-error-bg:         #FEE2E2;
  --color-error-text:       #991B1B;

  --color-info:             #0F766E;
  --color-info-bg:          #CCFBF1;
  --color-info-text:        #115E59;

  /* ── Statuts rapports ── */
  --pill-draft-bg:                 #F1F5F9;
  --pill-draft-text:               #475569;
  --pill-pending_validation-bg:    #FEF3C7;
  --pill-pending_validation-text:  #92400E;
  --pill-processing-bg:            #FEF3C7;
  --pill-processing-text:          #92400E;
  --pill-ready-bg:                 #CCFBF1;
  --pill-ready-text:               #115E59;
  --pill-validated-bg:             #D1FAE5;
  --pill-validated-text:           #065F46;
  --pill-exported-bg:              #EDE9FE;
  --pill-exported-text:            #5B21B6;
  --pill-archived-bg:              #F1F5F9;
  --pill-archived-text:            #64748B;

  /* ── Typographie ── */
  --font-family:            'Figtree', 'Inter', system-ui, -apple-system, sans-serif;
  --font-family-body:       'Noto Sans', 'Inter', system-ui, sans-serif;
  --font-size-2xs:          0.6875rem; /* 11px */
  --font-size-xs:           0.75rem;   /* 12px */
  --font-size-sm:           0.875rem;  /* 14px */
  --font-size-base:         1rem;      /* 16px */
  --font-size-lg:           1.125rem;  /* 18px */
  --font-size-xl:           1.25rem;   /* 20px */
  --font-size-2xl:          1.5rem;    /* 24px */
  --font-size-3xl:          1.875rem;  /* 30px */

  --font-weight-regular:    400;
  --font-weight-medium:     500;
  --font-weight-semibold:   600;
  --font-weight-bold:       700;

  --line-height-tight:      1.25;
  --line-height-snug:       1.375;
  --line-height-normal:     1.5;
  --line-height-relaxed:    1.625;

  /* ── Espacement (échelle 4px) ── */
  --space-1:                0.25rem;  /* 4px */
  --space-2:                0.5rem;   /* 8px */
  --space-3:                0.75rem;  /* 12px */
  --space-4:                1rem;     /* 16px */
  --space-5:                1.25rem;  /* 20px */
  --space-6:                1.5rem;   /* 24px */
  --space-8:                2rem;     /* 32px */
  --space-10:               2.5rem;   /* 40px */
  --space-12:               3rem;     /* 48px */
  --space-16:               4rem;     /* 64px */

  /* Alias sémantiques */
  --spacing-xs:             var(--space-1);
  --spacing-sm:             var(--space-2);
  --spacing-md:             var(--space-4);
  --spacing-lg:             var(--space-6);
  --spacing-xl:             var(--space-8);
  --spacing-2xl:            var(--space-12);

  /* ── Bordures & coins ── */
  --radius-xs:              4px;
  --radius-sm:              6px;
  --radius-md:              10px;
  --radius-lg:              12px;
  --radius-xl:              16px;
  --radius-2xl:             20px;
  --radius-full:            9999px;

  --border-width:           1px;
  --border-color:           var(--color-border);

  /* ── Ombres ── */
  --shadow-xs:              0 1px 2px rgba(15, 23, 42, 0.06);
  --shadow-sm:              0 1px 3px rgba(15, 23, 42, 0.08), 0 1px 2px rgba(15, 23, 42, 0.04);
  --shadow-md:              0 4px 8px -2px rgba(15, 23, 42, 0.10), 0 2px 4px -2px rgba(15, 23, 42, 0.06);
  --shadow-lg:              0 10px 15px -3px rgba(0,0,0,0.08), 0 4px 6px -2px rgba(0,0,0,0.04);
  --shadow-xl:              0 20px 25px -5px rgba(0,0,0,0.08), 0 10px 10px -5px rgba(0,0,0,0.03);

  /* ── Transitions ── */
  --transition-fast:        150ms ease;
  --transition-base:        200ms ease;
  --transition-slow:        300ms ease;

  /* ── Z-index ── */
  --z-base:                 0;
  --z-raised:               10;
  --z-dropdown:             20;
  --z-sticky:               30;
  --z-overlay:              40;
  --z-sidebar:              50;
  --z-modal:                100;
  --z-toast:                200;

  /* ── Layout ── */
  --sidebar-width:          248px;
  --sidebar-width-compact:  68px;
  --topbar-height:          60px;
  --content-max-width:      1280px;
}