/* ─── Design Tokens — Thème clair (défaut) ───────────────────── */
:root {
  /* Marque */
  --color-accent:       #C87941;
  --color-accent-hover: #A8622F;
  --color-accent-light: #FDF0E4;
  --color-success:      #2E7D32;
  --color-warning:      #E65100;
  --color-danger:       #C62828;

  /* Surfaces */
  --bg-app:     #F0EDE8;
  --bg-primary: #FFFFFF;
  --bg-card:    #FFFFFF;
  --bg-header:  #1C1C2A;
  --bg-footer:  #1C1C2A;
  --bg-input:   #FFFFFF;
  --bg-hover:   #F5F2EE;
  --bg-badge:   #ECEAE6;

  /* Textes */
  --text-primary:   #1C1C2A;
  --text-secondary: #5C5C6E;
  --text-muted:     #9898A8;
  --text-inverse:   #FFFFFF;
  --text-accent:    var(--color-accent);

  /* Bordures */
  --border-color:  #DDD9D3;
  --border-focus:  var(--color-accent);
  --border-radius-sm: 4px;
  --border-radius:    8px;
  --border-radius-lg: 12px;

  /* Ombres */
  --shadow-sm:  0 1px 3px rgba(0,0,0,.07);
  --shadow-md:  0 4px 12px rgba(0,0,0,.09);
  --shadow-lg:  0 8px 24px rgba(0,0,0,.11);

  /* Typographie */
  --font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --text-xs:   .6875rem;   /* 11px */
  --text-sm:   .8125rem;   /* 13px */
  --text-base: .9375rem;   /* 15px */
  --text-md:   1rem;       /* 16px */
  --text-lg:   1.125rem;   /* 18px */
  --text-xl:   1.25rem;    /* 20px */
  --text-2xl:  1.5rem;     /* 24px */
  --font-normal:  400;
  --font-medium:  500;
  --font-semibold:600;
  --font-bold:    700;

  /* Espacement */
  --sp-1:  .25rem;
  --sp-2:  .5rem;
  --sp-3:  .75rem;
  --sp-4:  1rem;
  --sp-5:  1.25rem;
  --sp-6:  1.5rem;
  --sp-8:  2rem;
  --sp-10: 2.5rem;
  --sp-12: 3rem;

  /* Layout */
  --header-h:    56px;
  --footer-h:    70px;
  --col-left-w:  310px;
  --col-right-w: 330px;

  /* Transitions */
  --tr-fast:   150ms ease;
  --tr-normal: 220ms ease;
}

/* ─── Thème sombre ───────────────────────────────────────────── */
[data-theme="dark"] {
  --bg-app:     #0D0D16;
  --bg-primary: #151520;
  --bg-card:    #1A1A28;
  --bg-header:  #08080F;
  --bg-footer:  #08080F;
  --bg-input:   #1E1E2E;
  --bg-hover:   #22223A;
  --bg-badge:   #222235;

  --text-primary:   #E8E6F0;
  --text-secondary: #9898B8;
  --text-muted:     #5C5C80;
  --color-accent:   #D4884E;
  --color-accent-hover: #B8702A;
  --color-accent-light: #2A1E14;

  --border-color: #2A2A40;
  --shadow-sm:  0 1px 3px rgba(0,0,0,.4);
  --shadow-md:  0 4px 12px rgba(0,0,0,.5);
  --shadow-lg:  0 8px 24px rgba(0,0,0,.6);
}