/** * 00-tokens.css — L'UNIQUE source de vérité du thème. * * Règle absolue : aucun autre fichier du thème ne redéfinit :root. * Toute couleur, toute police, tout espacement descend d'ici. * * @package Tresor_Sublime */ :root { /* -------------------------------------------------------------- * Couleur — l'atelier du manuscrit * ----------------------------------------------------------- */ /* Vert mihrab : l'identité du site, assombrie pour porter du texte clair. */ --ts-vert: #113A22; --ts-vert-profond: #0D2C1A; --ts-vert-clair: #1B5636; /* Papier : un blanc cassé tiré vers le vert, jamais vers le beige. */ --ts-papier: #EEF0E7; --ts-papier-haut: #F7F8F2; --ts-papier-bas: #E4E7DB; /* Encre : un noir verdi, jamais du #000. */ --ts-encre: #17251C; --ts-encre-douce: #4D5A4F; --ts-encre-pale: #77836F; /* Filets : la réglure de la page. */ --ts-filet: #D0D4C2; --ts-filet-fort: #B7BDA6; /* Laiton : l'unique accent. Deux valeurs — sur papier, sur vert. */ --ts-laiton: #8A6E30; --ts-laiton-clair: #B08D3C; /* Rubrique : le rouge des rubricateurs, réservé au signalement. */ --ts-rubrique: #A03A26; /* Surfaces sombres (bandeaux enluminés), identiques dans les deux thèmes. */ --ts-panneau: #113A22; --ts-panneau-2: #0D2C1A; --ts-panneau-encre: #EDEFE3; --ts-panneau-douce: #A9BFAF; --ts-panneau-filet: rgba(199, 165, 87, 0.34); /* -------------------------------------------------------------- * Typographie * ----------------------------------------------------------- */ --ts-titre: "Amiri", Georgia, "Times New Roman", serif; --ts-texte: "Spectral", Georgia, "Times New Roman", serif; --ts-rubr: "Archivo", system-ui, -apple-system, "Segoe UI", sans-serif; --ts-mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, monospace; /* Échelle typographique — on ne sort jamais de ces valeurs. */ --ts-t--1: 0.815rem; --ts-t-0: 1rem; --ts-t-1: 1.16rem; --ts-t-2: 1.36rem; --ts-t-3: 1.62rem; --ts-t-4: clamp(1.75rem, 1.35rem + 1.6vw, 2.3rem); --ts-t-5: clamp(2.1rem, 1.5rem + 2.6vw, 3.1rem); --ts-t-6: clamp(2.05rem, 1.45rem + 3vw, 4rem); /* -------------------------------------------------------------- * Rythme * ----------------------------------------------------------- */ --ts-1: 0.5rem; --ts-2: 1rem; --ts-3: 1.5rem; --ts-4: 2.5rem; --ts-5: 4rem; --ts-6: 6rem; --ts-mesure: 66ch; --ts-page: 1120px; --ts-gouttiere: clamp(1.15rem, 4vw, 2.5rem); /* Encoche et barre de gestes des téléphones récents. */ --ts-marge-bas: env(safe-area-inset-bottom, 0px); /* -------------------------------------------------------------- * Divers * ----------------------------------------------------------- */ --ts-rayon: 2px; --ts-ombre: 0 1px 0 rgba(23, 37, 28, 0.04), 0 12px 28px -18px rgba(23, 37, 28, 0.4); --ts-transit: 0.25s cubic-bezier(0.2, 0.7, 0.3, 1); /* Hauteur minimale de la barre d'en-tête. Valeur fixe, JAMAIS mesurée : si le JS écrivait ici, l'en-tête grandirait à chaque mesure. */ --ts-barre-h: 68px; /* Hauteur réelle de l'en-tête collant, mesurée par le JS. Sert uniquement aux décalages (ancres, colonne collante), jamais à une hauteur. */ --ts-entete-h: 68px; } /** * Thème sombre automatique. * Activé uniquement si la case est cochée dans Apparence › Personnaliser › Couleurs, * ce qui ajoute la classe .ts-sombre-auto sur . * Pour le désactiver définitivement, il suffit de supprimer ce bloc. */ @media (prefers-color-scheme: dark) { body.ts-sombre-auto { --ts-vert: #6FAF83; --ts-vert-profond: #0E2417; --ts-vert-clair: #8AC79C; --ts-papier: #10160F; --ts-papier-haut: #18201A; --ts-papier-bas: #0B100B; --ts-encre: #E7EADC; --ts-encre-douce: #A9B3A3; --ts-encre-pale: #7E8A79; --ts-filet: #2A342B; --ts-filet-fort: #3B4A3D; --ts-laiton: #C9A758; --ts-laiton-clair: #DCBB68; --ts-rubrique: #DE8064; --ts-panneau: #14301F; --ts-panneau-2: #0E2417; --ts-ombre: 0 1px 0 rgba(0, 0, 0, 0.3), 0 14px 30px -18px rgba(0, 0, 0, 0.8); } }