/* ========================================================= THOMATHS — SYSTÈME DE DESIGN Slate sombre, légèrement bleuté ; titres serif (maths/pro) ; accent bleu raffiné ; contrastes doux. Les couleurs/rayons/typo sont définis dans tokens.css (chargé avant ce fichier) — ne jamais coder de couleur en dur ici, toujours passer par var(--nom-du-token). ========================================================= */ /* ===== BASE ===== */ body { background-color: var(--bg); background-image: radial-gradient(1100px 650px at 100% 100%, rgba(109, 123, 255, 0.035), transparent 60%), url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.02 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E"), linear-gradient(180deg, var(--bg-top) 0%, var(--bg) 480px, var(--bg) 100%); background-attachment: fixed; color: var(--text); font-family: var(--font-body); line-height: 1.55; -webkit-font-smoothing: antialiased; } ::selection { background: var(--accent-soft); color: #fff; } /* ===== MODE ADMIN / ÉLÈVE ===== Ossature du toggle édition/vue. La classe mode-admin / mode-eleve est posée sur côté serveur (context_processor admin_mode). Tagger tout contrôle d'édition avec .admin-only : il disparaît automatiquement en vue élève. (Cosmétique uniquement pour l'instant ; la vraie protection des endpoints viendra plus tard côté vues.) */ h1, h2, h3, .editable-title { font-family: var(--font-head); color: var(--text); letter-spacing: 0.01em; } h1 { font-weight: 600; font-size: 1.9rem; } h2 { font-weight: 600; } a { color: var(--accent); } /* Scrollbars (feel « app ») — --text-faint plutôt que --surface-3 (constaté trop proche du fond au repos, --surface-3 #262f42 sur --surface #161d2d : contraste faible, thumb à peine visible tant qu'on ne survole pas). */ * { scrollbar-width: thin; scrollbar-color: var(--text-faint) transparent; } *::-webkit-scrollbar { width: 10px; height: 10px; } *::-webkit-scrollbar-thumb { background: var(--text-faint); border-radius: 6px; border: 2px solid var(--bg); } *::-webkit-scrollbar-thumb:hover { background: var(--text-muted); } /* La navbar (header, logo, liens, menu mobile) vit dans nav.css. */ /* ===== PAGE ADMIN ===== */ .admin-panel { max-width: 720px; margin: 32px auto; padding: 0 16px; } .admin-title { font-size: 1.5rem; font-weight: 700; margin-bottom: 24px; color: var(--text); } .admin-section h2 { font-size: 1rem; font-weight: 600; color: var(--text-muted); text-transform: uppercase; letter-spacing: 0.06em; margin-bottom: 12px; padding-bottom: 6px; border-bottom: 1px solid var(--border); } .admin-action-card { background: var(--surface); border: 1px solid var(--border-soft); border-radius: var(--radius); padding: 16px 20px; display: flex; align-items: center; gap: 16px; flex-wrap: wrap; margin-bottom: 12px; } .admin-action-info { flex: 1; min-width: 0; } .admin-action-info strong { display: block; margin-bottom: 4px; color: var(--text); } .admin-action-info p { margin: 0; font-size: 0.85rem; color: var(--text-muted); } /* .admin-btn a été repliée sur .button + .button-lg (même fond accent, même taille standard) : les pages admin utilisent désormais le bouton générique. Seul le flex-shrink, propre à la mise en page de .admin-action-card, reste nécessaire ici. */ .admin-action-card .button { flex-shrink: 0; } .admin-feedback { width: 100%; padding: 8px 12px; border-radius: var(--radius-sm); font-size: 0.88rem; font-weight: 500; } .admin-feedback-ok { background: color-mix(in srgb, var(--accent) 15%, transparent); color: var(--accent); } .admin-feedback-err { background: color-mix(in srgb, var(--danger) 15%, transparent); color: var(--danger); } .admin-feedback + .admin-feedback, .admin-feedback { margin-bottom: var(--space-3); } /* ---------- Conflits de synchronisation .tex (cours_conflicts.html) ---------- Ces règles remplacent 16 attributs style= posés en dur dans le template. Aucune couleur en dur : la page était la seule à écrire var(--text-muted) directement dans du HTML. */ .admin-empty { color: var(--text-muted); } .conflict-meta { color: var(--text-muted); margin: 2px 0; } .conflict-uid { opacity: 0.6; } /* Deux colonnes « disque » / « base » — sur mobile elles s'empilent, sinon deux cartes d'exercice côte à côte deviennent illisibles. */ .conflict-compare { display: grid; grid-template-columns: 1fr 1fr; gap: var(--space-3); margin-top: 10px; } .conflict-compare-sm { display: grid; grid-template-columns: 1fr 1fr; gap: var(--space-2); margin-top: 6px; font-size: 0.9em; } @media (max-width: 1024px) { .conflict-compare, .conflict-compare-sm { grid-template-columns: 1fr; } } .conflict-compare-label { color: var(--text-muted); margin-bottom: 4px; } .conflict-excerpt { white-space: pre-wrap; } /* ---------- Prompts Gemini (ai_prompts.html) ---------- Page de debug : les prompts sont longs, elle prend toute la largeur (même principe que main:has(#doc-chapters-root) dans doc.css, qui élargit Cours & TD). Remplace un