/* assets/tokens.css — tokens canoniques DESIGN.md + polices locales */
@font-face { font-family:'Inter'; font-weight:400; font-display:swap; src:url('./fonts/inter-400.woff2') format('woff2'); }
@font-face { font-family:'Inter'; font-weight:500; font-display:swap; src:url('./fonts/inter-500.woff2') format('woff2'); }
@font-face { font-family:'Inter'; font-weight:600; font-display:swap; src:url('./fonts/inter-600.woff2') format('woff2'); }
@font-face { font-family:'Inter'; font-weight:700; font-display:swap; src:url('./fonts/inter-700.woff2') format('woff2'); }
@font-face { font-family:'Material Symbols Outlined'; font-weight:100 700; font-display:swap;
  src:url('./fonts/material-symbols-outlined.woff2') format('woff2'); }

:root {
  --tj-primary:#F6C700; --tj-on-primary:#111111;
  --tj-surface:#FFFFFF; --tj-surface-container:#F5F5F5;
  --tj-on-surface:#1B1C1C; --tj-outline:#EEEEEE;
  --tj-error:#E02020; --tj-success:#008A00;
  /* Mode focus sombre (moments d'action) */
  --tj-focus-bg:#111111; --tj-focus-on:#FFFFFF; --tj-focus-accent:#F6C700;
}
.material-symbols-outlined{ font-family:'Material Symbols Outlined'; font-variation-settings:'FILL' 0,'wght' 400,'GRAD' 0,'opsz' 24; }
body{ font-family:'Inter',sans-serif; }