/* =========================================================
   Toquea · tokens de design (v1.0, novembre 2026)
   Couleurs, typographie, espacements, rayons, ombres.
   Mode sombre : automatique, ou forcé avec data-theme="dark" sur <html>.
   ========================================================= */

:root{
  /* Échelles de couleurs */
  --tq-vin-50:#FBF3F6; --tq-vin-100:#F5E6EC; --tq-vin-200:#EBCAD6; --tq-vin-300:#DCA2B7; --tq-vin-400:#C47394; --tq-vin-500:#A84470; --tq-vin-600:#8F2B52; --tq-vin-700:#7A1F3D; --tq-vin-800:#601832; --tq-vin-900:#461226; --tq-vin-950:#2C0A17;
  --tq-moutarde-50:#FDF8EB; --tq-moutarde-100:#FAEECF; --tq-moutarde-200:#F5DC9C; --tq-moutarde-300:#EEC765; --tq-moutarde-400:#E3A82B; --tq-moutarde-500:#C98D16; --tq-moutarde-600:#A06E10; --tq-moutarde-700:#7C5410; --tq-moutarde-800:#5C3E0F; --tq-moutarde-900:#3D290B;
  --tq-sauge-50:#EFF5F0; --tq-sauge-100:#DAE8DD; --tq-sauge-200:#B6D1BC; --tq-sauge-300:#8DB497; --tq-sauge-400:#679772; --tq-sauge-500:#4F7A5A; --tq-sauge-600:#3F6449; --tq-sauge-700:#324F3A; --tq-sauge-800:#263C2C; --tq-sauge-900:#1A291F;
  --tq-pierre-0:#FFFFFF; --tq-pierre-25:#FAFAF7; --tq-pierre-50:#F5F3EF; --tq-pierre-100:#ECE8E2; --tq-pierre-200:#DDD7CF; --tq-pierre-300:#C4BCB2; --tq-pierre-400:#A39A90; --tq-pierre-500:#7D746B; --tq-pierre-600:#5F5750; --tq-pierre-700:#45403B; --tq-pierre-800:#2E2A27; --tq-pierre-900:#1C1917; --tq-pierre-950:#120F0E;
  --tq-tomate-50:#FDEEEC; --tq-tomate-100:#FAD8D3; --tq-tomate-500:#C8372D; --tq-tomate-600:#B42318; --tq-tomate-700:#8F1C13; --tq-tomate-800:#6B160F;
  --tq-ardoise-50:#EDF3F9; --tq-ardoise-100:#D6E4F1; --tq-ardoise-500:#3F6F9E; --tq-ardoise-600:#2F5D8A; --tq-ardoise-700:#244A6F; --tq-ardoise-800:#1B3854;

  /* Typographie */
  --tq-font-display:'Bricolage Grotesque','Inter',system-ui,sans-serif;
  --tq-font-ui:'Inter',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;
  --tq-font-mono:ui-monospace,'SF Mono',Menlo,Consolas,monospace;
  --tq-text-xs:12px; --tq-text-sm:13px; --tq-text-base:15px; --tq-text-md:17px; --tq-text-lg:20px;
  --tq-text-xl:24px; --tq-text-2xl:30px; --tq-text-3xl:40px; --tq-text-4xl:56px;
  --tq-leading-tight:1.15; --tq-leading-snug:1.35; --tq-leading-normal:1.55;

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

  /* Rayons */
  --tq-radius-sm:6px; --tq-radius-md:10px; --tq-radius-lg:14px; --tq-radius-xl:20px; --tq-radius-full:999px;

  /* Ombres (teintées chaud) */
  --tq-shadow-sm:0 1px 2px rgba(28,25,23,.06),0 1px 1px rgba(28,25,23,.04);
  --tq-shadow-md:0 4px 12px rgba(28,25,23,.08),0 1px 3px rgba(28,25,23,.06);
  --tq-shadow-lg:0 16px 40px rgba(28,25,23,.14),0 4px 10px rgba(28,25,23,.06);

  /* Mouvement */
  --tq-ease:cubic-bezier(.2,.7,.2,1); --tq-dur-fast:120ms; --tq-dur:200ms;

  /* Motif « tablier » */
  --tq-stripe:repeating-linear-gradient(90deg,var(--tq-vin-700) 0 8px,var(--tq-pierre-25) 8px 16px);
  --tq-stripe-fete:repeating-linear-gradient(90deg,var(--tq-moutarde-400) 0 8px,var(--tq-vin-700) 8px 16px);

  /* Rôles (mode clair) */
  --tq-bg:#FAFAF7;
  --tq-surface:#FFFFFF;
  --tq-surface-2:#F5F3EF;
  --tq-surface-3:#ECE8E2;
  --tq-border:#DDD7CF;
  --tq-border-strong:#958C83;
  --tq-text:#1C1917;
  --tq-text-2:#5F5750;
  --tq-text-3:#7D746B;
  --tq-text-inverse:#FAFAF7;
  --tq-brand:#7A1F3D;
  --tq-brand-hover:#601832;
  --tq-brand-active:#461226;
  --tq-brand-soft:#FBF3F6;
  --tq-brand-soft-2:#F5E6EC;
  --tq-brand-text:#7A1F3D;
  --tq-on-brand:#FFFFFF;
  --tq-accent:#E3A82B;
  --tq-accent-soft:#FDF8EB;
  --tq-accent-text:#7C5410;
  --tq-on-accent:#1C1917;
  --tq-focus:#DCA2B7;
  --tq-success:#3F6449;
  --tq-success-soft:#EFF5F0;
  --tq-success-text:#324F3A;
  --tq-warning:#C98D16;
  --tq-warning-soft:#FDF8EB;
  --tq-warning-text:#7C5410;
  --tq-danger:#B42318;
  --tq-danger-soft:#FDEEEC;
  --tq-danger-text:#8F1C13;
  --tq-info:#2F5D8A;
  --tq-info-soft:#EDF3F9;
  --tq-info-text:#244A6F;
  color-scheme:light;
}

@media (prefers-color-scheme:dark){
  :root:not([data-theme="light"]){
    --tq-bg:#120F0E;
    --tq-surface:#1A1715;
    --tq-surface-2:#221E1B;
    --tq-surface-3:#2B2623;
    --tq-border:#38322E;
    --tq-border-strong:#756C64;
    --tq-text:#F4F0EB;
    --tq-text-2:#B8AFA6;
    --tq-text-3:#8F867D;
    --tq-text-inverse:#1C1917;
    --tq-brand:#DCA2B7;
    --tq-brand-hover:#EBCAD6;
    --tq-brand-active:#F5E6EC;
    --tq-brand-soft:#3A1A27;
    --tq-brand-soft-2:#4A2233;
    --tq-brand-text:#DCA2B7;
    --tq-on-brand:#2C0A17;
    --tq-accent:#E3A82B;
    --tq-accent-soft:#3A2C10;
    --tq-accent-text:#EEC765;
    --tq-on-accent:#1C1917;
    --tq-focus:#E3A82B;
    --tq-success:#8DB497;
    --tq-success-soft:#1E2E23;
    --tq-success-text:#8DB497;
    --tq-warning:#EEC765;
    --tq-warning-soft:#3A2C10;
    --tq-warning-text:#EEC765;
    --tq-danger:#F08A80;
    --tq-danger-soft:#3B1A17;
    --tq-danger-text:#F4A39B;
    --tq-info:#8DB4DA;
    --tq-info-soft:#16263A;
    --tq-info-text:#A9C7E4;
    color-scheme:dark;
  }
}

:root[data-theme="dark"],[data-theme="dark"]{
  --tq-bg:#120F0E;
  --tq-surface:#1A1715;
  --tq-surface-2:#221E1B;
  --tq-surface-3:#2B2623;
  --tq-border:#38322E;
  --tq-border-strong:#756C64;
  --tq-text:#F4F0EB;
  --tq-text-2:#B8AFA6;
  --tq-text-3:#8F867D;
  --tq-text-inverse:#1C1917;
  --tq-brand:#DCA2B7;
  --tq-brand-hover:#EBCAD6;
  --tq-brand-active:#F5E6EC;
  --tq-brand-soft:#3A1A27;
  --tq-brand-soft-2:#4A2233;
  --tq-brand-text:#DCA2B7;
  --tq-on-brand:#2C0A17;
  --tq-accent:#E3A82B;
  --tq-accent-soft:#3A2C10;
  --tq-accent-text:#EEC765;
  --tq-on-accent:#1C1917;
  --tq-focus:#E3A82B;
  --tq-success:#8DB497;
  --tq-success-soft:#1E2E23;
  --tq-success-text:#8DB497;
  --tq-warning:#EEC765;
  --tq-warning-soft:#3A2C10;
  --tq-warning-text:#EEC765;
  --tq-danger:#F08A80;
  --tq-danger-soft:#3B1A17;
  --tq-danger-text:#F4A39B;
  --tq-info:#8DB4DA;
  --tq-info-soft:#16263A;
  --tq-info-text:#A9C7E4;
  color-scheme:dark;
}

[data-theme="light"]{
  --tq-bg:#FAFAF7;
  --tq-surface:#FFFFFF;
  --tq-surface-2:#F5F3EF;
  --tq-surface-3:#ECE8E2;
  --tq-border:#DDD7CF;
  --tq-border-strong:#958C83;
  --tq-text:#1C1917;
  --tq-text-2:#5F5750;
  --tq-text-3:#7D746B;
  --tq-text-inverse:#FAFAF7;
  --tq-brand:#7A1F3D;
  --tq-brand-hover:#601832;
  --tq-brand-active:#461226;
  --tq-brand-soft:#FBF3F6;
  --tq-brand-soft-2:#F5E6EC;
  --tq-brand-text:#7A1F3D;
  --tq-on-brand:#FFFFFF;
  --tq-accent:#E3A82B;
  --tq-accent-soft:#FDF8EB;
  --tq-accent-text:#7C5410;
  --tq-on-accent:#1C1917;
  --tq-focus:#DCA2B7;
  --tq-success:#3F6449;
  --tq-success-soft:#EFF5F0;
  --tq-success-text:#324F3A;
  --tq-warning:#C98D16;
  --tq-warning-soft:#FDF8EB;
  --tq-warning-text:#7C5410;
  --tq-danger:#B42318;
  --tq-danger-soft:#FDEEEC;
  --tq-danger-text:#8F1C13;
  --tq-info:#2F5D8A;
  --tq-info-soft:#EDF3F9;
  --tq-info-text:#244A6F;
  color-scheme:light;
}