/* =============================================================
   PARCHEMIN-TOKENS.CSS — Design System Parchemin (tokens partagés)

   Jeu de variables du Hub (design Bento Parchemin 5.7), extrait de
   hub.html pour être réutilisable par les autres modules — à commencer
   par le HUB d'administration.

   Ces tokens sont la référence visuelle de l'application : privilégier
   `--hub-*` plutôt que les variables historiques de base.css pour toute
   nouvelle interface.
   ============================================================= */

:root {
    --hub-bg: #f4ecd8;
    --hub-bg-subtle: #ede2ca;
    --hub-surface: #fbf7ee;
    --hub-surface-hover: #f0e5ce;
    --hub-surface-card: #ffffff;
    --hub-text: #3e3222;
    --hub-text-muted: #7c6d59;
    --hub-text-light: #9e8f7c;
    --hub-border: #dfd5be;
    --hub-border-stitch: #c9bda4;
    --hub-accent: #8b4513;
    --hub-accent-hover: #6b340e;
    --hub-crochet: #0e7490;
    --hub-crochet-hover: #155e75;
    --hub-gold: #b45309;
    --hub-danger: #dc2626;
    --hub-shadow-sm: 0 2px 6px rgba(62,50,34,0.06);
    --hub-shadow-md: 0 6px 18px rgba(62,50,34,0.09);
    --hub-shadow-lg: 0 14px 32px rgba(62,50,34,0.14);
    --hub-radius-sm: 8px;
    --hub-radius-md: 14px;
    --hub-radius-lg: 20px;
    --hub-font-ui: 'Plus Jakarta Sans', -apple-system, sans-serif;
    --hub-font-headings: 'Playfair Display', serif;
    --hub-transition: all 0.25s cubic-bezier(0.2, 0.8, 0.2, 1);
}