/* Tomek Training — Design tokens v1.0 (source : Claude Design, 02-tokens/tokens.css)
   Source de vérité unique. Toute valeur visuelle du site doit passer par ces variables. */
:root{
  /* Pétrole */
  --tk-petrol-50:#EEF3F7;--tk-petrol-100:#D5E1EB;--tk-petrol-200:#AEC5D7;--tk-petrol-300:#7FA2BD;--tk-petrol-400:#4F7C9E;
  --tk-petrol-500:#2B5A7F;--tk-petrol-600:#1F4B6E;--tk-petrol-700:#163D5E;--tk-petrol-800:#0F2E48;--tk-petrol-900:#0A2034;
  /* Teal */
  --tk-teal-50:#E6F6F7;--tk-teal-100:#C2E9EC;--tk-teal-200:#8DD5DA;--tk-teal-300:#4FBCC4;--tk-teal-400:#1FA3AD;
  --tk-teal-500:#008894;--tk-teal-600:#007882;--tk-teal-700:#00646D;--tk-teal-800:#004F56;--tk-teal-900:#003A40;
  /* Crème (neutres chauds) */
  --tk-creme-50:#FFFDFA;--tk-creme-100:#FEF9F3;--tk-creme-200:#F8EFE3;--tk-creme-300:#F0E3D2;--tk-creme-400:#E3D1BA;
  --tk-creme-500:#CDB79B;--tk-creme-600:#A8927A;--tk-creme-700:#7E6C5A;--tk-creme-800:#574A3E;--tk-creme-900:#332B24;
  /* Ardoise (neutres froids) */
  --tk-ardoise-50:#F4F6F8;--tk-ardoise-100:#E4E9EE;--tk-ardoise-200:#C9D2DB;--tk-ardoise-300:#A3B1BE;--tk-ardoise-400:#7A8B9B;
  --tk-ardoise-500:#5A6B7B;--tk-ardoise-600:#465664;--tk-ardoise-700:#34424F;--tk-ardoise-800:#232E38;--tk-ardoise-900:#141B22;
  /* États */
  --tk-success:#2E7D4F;--tk-success-bg:#E8F3EC;--tk-error:#B42318;--tk-error-bg:#FCEBE9;--tk-info:#1F4B6E;--tk-info-bg:#EEF3F7;

  /* Avis Google : étoiles (attribution Google, seule couleur hors palette) */
  --tk-star:#FBBC04;

  /* Sémantique */
  --tk-bg:var(--tk-creme-100);
  --tk-surface:#FFFFFF;
  --tk-surface-alt:var(--tk-creme-200);
  --tk-surface-inverse:var(--tk-petrol-700);
  --tk-text-strong:var(--tk-petrol-700);
  --tk-text:var(--tk-ardoise-700);
  --tk-text-muted:var(--tk-ardoise-600);
  --tk-text-inverse:var(--tk-creme-100);
  --tk-text-inverse-muted:var(--tk-petrol-100);
  --tk-accent-on-dark:var(--tk-teal-300);
  --tk-border:var(--tk-creme-300);
  --tk-border-input:var(--tk-ardoise-400);
  --tk-cta:var(--tk-teal-600);
  --tk-cta-hover:var(--tk-teal-700);
  --tk-cta-text:#FFFFFF;
  --tk-accent:var(--tk-teal-500);
  --tk-focus:var(--tk-petrol-700);

  /* Typo */
  --tk-font-display:'Rubik',system-ui,sans-serif;
  --tk-font-body:'DM Sans',system-ui,sans-serif;
  --tk-fs-display-xl:clamp(42px,6.4vw,88px);   /* H1 · 900 · lh .92 */
  --tk-fs-display-l:clamp(34px,4.6vw,56px);    /* H2 · 800 · lh 1 */
  --tk-fs-heading-m:clamp(24px,2.6vw,32px);    /* H3 · 700 · lh 1.1 */
  --tk-fs-heading-s:clamp(19px,1.6vw,22px);    /* H4 · 700 · lh 1.2 */
  --tk-fs-body-l:clamp(17px,1.5vw,20px);       /* chapô · lh 1.55 */
  --tk-fs-body:clamp(16px,1.2vw,17px);         /* lh 1.6 */
  --tk-fs-small:14px;                          /* lh 1.5 */
  --tk-fs-overline:13px;                       /* 600 · uppercase · .22em */
  --tk-fs-button:15px;                         /* 700 · uppercase · .06em */

  /* Espacements (base 4) */
  --tk-space-1:4px;--tk-space-2:8px;--tk-space-3:12px;--tk-space-4:16px;--tk-space-5:20px;--tk-space-6:24px;
  --tk-space-7:32px;--tk-space-8:40px;--tk-space-9:48px;--tk-space-10:64px;--tk-space-11:80px;--tk-space-12:96px;--tk-space-13:128px;
  --tk-section-y:clamp(64px,9vw,112px);
  --tk-gutter:clamp(20px,4vw,32px);
  --tk-container:1200px;

  /* Rayons */
  --tk-radius-sm:8px;--tk-radius-md:12px;--tk-radius-lg:20px;--tk-radius-card:24px;--tk-radius-xl:28px;--tk-radius-pill:999px;
  --tk-radius-arch-4x3:50% 50% 14px 14px / 66.7% 66.7% 14px 14px;
  --tk-radius-arch-4x5:50% 50% 18px 18px / 40% 40% 18px 18px;
  --tk-radius-arch-1x1:50% 50% 16px 16px / 50% 50% 16px 16px;

  /* Ombres */
  --tk-shadow-xs:0 1px 2px rgba(22,61,94,.08);
  --tk-shadow-md:0 1px 2px rgba(22,61,94,.06),0 12px 32px -16px rgba(22,61,94,.22);
  --tk-shadow-lg:0 2px 4px rgba(22,61,94,.06),0 24px 48px -16px rgba(22,61,94,.30);
  --tk-shadow-cta:0 10px 24px -8px rgba(0,120,130,.55);

  /* Mouvement */
  --tk-ease:cubic-bezier(.2,.7,.2,1);
  --tk-dur-fast:180ms;--tk-dur:250ms;--tk-dur-reveal:500ms;

  /* Ligne de crête (clip-path) */
  --tk-ridge-back:polygon(0% 100%,0% 40%,9% 22%,17% 38%,26% 6%,34% 30%,44% 14%,52% 40%,63% 0%,72% 30%,82% 12%,90% 36%,100% 20%,100% 100%);
  --tk-ridge-front:polygon(0% 100%,0% 62%,7% 44%,13% 56%,22% 22%,29% 50%,36% 36%,46% 70%,55% 32%,61% 46%,70% 12%,78% 48%,86% 32%,93% 54%,100% 40%,100% 100%);
}