/* ==========================================================================
   IADICI UI-KIT — tokens.css
   Seul fichier à toucher pour changer de peau. Tout le reste lit ces variables.
   Thèmes : [data-theme="iadici"] (défaut, = site iadici.fr en ligne)
            [data-theme="editorial"] (direction v2 « éditorial cyber », encre/papier/menthe)
            [data-theme="paper"] (clair chaleureux — collectivités, seniors, clients artisans)
   Usage client : copier un bloc de thème, renommer, changer les 8 couleurs + 3 polices.
   ========================================================================== */

@import url('https://fonts.googleapis.com/css2?family=Fraunces:ital,opsz,wght@0,9..144,300..700;1,9..144,300..700&family=IBM+Plex+Mono:wght@400;500;600&family=Inter:wght@400;500;600;700&family=Unbounded:wght@400;600;800&display=swap');

:root,
[data-theme="iadici"] {
  /* Surfaces */
  --bg:        #0A1628;   /* abyss — fond de page */
  --bg-2:      #0F1E36;   /* cartes */
  --bg-3:      #16263F;   /* cartes survolées, champs */
  --line:      rgba(160, 191, 255, .14);  /* hairlines */
  --line-2:    rgba(160, 191, 255, .28);
  /* Texte */
  --fg:        #F0F4FF;
  --fg-2:      #A0BFFF;
  --fg-3:      #8A94B8;   /* labels — AA sur --bg */
  /* Accents */
  --ac:        #00CFFF;   /* accent principal */
  --ac-2:      #3471F5;   /* accent profond */
  --ac-hi:     #7FE6FF;
  --ac-ink:    #0A1628;   /* texte posé SUR l'accent */
  --ok:        #00E887;   /* vert = mineur uniquement (pastilles, coches) */
  --warn:      #FFB547;
  --err:       #FF5C6C;
  /* Typo */
  --f-display: 'Fraunces', Georgia, serif;
  --f-body:    'Inter', system-ui, -apple-system, sans-serif;
  --f-mono:    'IBM Plex Mono', ui-monospace, monospace;
  /* Forme */
  --r:   2px;            /* rayon : quasi droit */
  --r-2: 6px;
  --shadow: 0 20px 60px -20px rgba(0, 0, 0, .6);
  --glow:   0 0 0 1px var(--ac), 0 0 32px -6px var(--ac);
  color-scheme: dark;
}

[data-theme="editorial"] {
  --bg: #08080A; --bg-2: #111114; --bg-3: #1A1A1F;
  --line: rgba(244, 242, 236, .12); --line-2: rgba(244, 242, 236, .26);
  --fg: #F4F2EC; --fg-2: #C9C6BD; --fg-3: #8E8B84;
  --ac: #4AF2B0; --ac-2: #9D8CFF; --ac-hi: #A8FFD9; --ac-ink: #08080A;
  --ok: #4AF2B0; --warn: #FFB547; --err: #FF5C38;
  --f-display: 'Unbounded', 'Arial Black', sans-serif;
  --r: 0; --r-2: 0;
  color-scheme: dark;
}

[data-theme="paper"] {
  --bg: #FAF7F2; --bg-2: #FFFFFF; --bg-3: #F1EDE5;
  --line: rgba(15, 23, 42, .10); --line-2: rgba(15, 23, 42, .22);
  --fg: #0F172A; --fg-2: #334155; --fg-3: #5B6474;
  --ac: #1D4ED8; --ac-2: #2563EB; --ac-hi: #3B82F6; --ac-ink: #FFFFFF;
  --ok: #059669; --warn: #B45309; --err: #DC2626;
  --shadow: 0 18px 40px -18px rgba(15, 23, 42, .25);
  --glow: 0 0 0 2px var(--ac);
  color-scheme: light;
}

:root {
  /* Échelle d'espacement (4 px) */
  --s1: 4px; --s2: 8px; --s3: 12px; --s4: 16px; --s5: 24px; --s6: 32px; --s7: 48px; --s8: 72px; --s9: 112px;
  /* Échelle typo fluide */
  --t-xs: .72rem;  --t-sm: .86rem; --t-md: 1rem; --t-lg: 1.2rem;
  --t-xl: clamp(1.5rem, 2.4vw, 2rem);
  --t-2xl: clamp(2rem, 4vw, 3rem);
  --t-3xl: clamp(2.6rem, 7vw, 5.4rem);
  --t-mega: clamp(3.4rem, 12vw, 10rem);
  /* Mouvement — signature IADICI */
  --ease:      cubic-bezier(.77, 0, .18, 1);   /* glissé éditorial */
  --ease-out:  cubic-bezier(.16, 1, .3, 1);    /* sortie douce */
  --spring:    cubic-bezier(.34, 1.56, .64, 1); /* léger rebond */
  --d1: 150ms; --d2: 280ms; --d3: 600ms;
  --w: 1200px;  /* largeur contenu */
  --z-toast: 90; --z-modal: 80; --z-nav: 50;
}

@media (prefers-reduced-motion: reduce) {
  :root { --d1: 0ms; --d2: 0ms; --d3: 0ms; }
}