/* ── VQtarget — Serveur central : le carton de cible ───────────────────── Un carton de cible imprimé, dans deux éclairages : "le carton de cible" (papier crème, jour) par défaut, "pas de tir de nuit" (charbon, ambre) en thème sombre -- même structure, mêmes règles, seule la lumière change (attribut data-theme sur , cf. common.js). La marque rouge/ambre de statut ("en ligne") est la seule couleur du système avec le danger (rouge, dans les deux thèmes). Voir DESIGN.md. */ :root { color-scheme: light; /* Papier */ --paper: #eee3cd; --paper-raised: #f4ead6; --paper-recessed: #e4d7bd; --paper-line: #2a2118; --paper-line-soft: rgba(42, 33, 24, 0.16); /* Encre */ --ink: #2a2118; --ink-dim: #6b5d47; --ink-faint: #9c8e73; /* Marque -- "en ligne"/statut actif : rouge en clair, ambre en sombre */ --live: #b23a2e; --live-dim: #8a2c22; --pending: #8a7a52; /* Danger : reste rouge dans les deux thèmes (jamais confondu avec la marque "en ligne" qui devient ambre en sombre) */ --danger: #b23a2e; --danger-dim: #8a2c22; --danger-ink: #f4ead6; --radius-sm: 3px; --radius-md: 6px; --font-ui: "Archivo", system-ui, -apple-system, "Segoe UI", sans-serif; --font-display: "Fraunces", Georgia, serif; } [data-theme="dark"] { color-scheme: dark; --paper: #1c1c1a; --paper-raised: #232320; --paper-recessed: #161614; --paper-line: #45443d; --paper-line-soft: rgba(255, 255, 255, 0.09); --ink: #e9e6dc; --ink-dim: #a6a297; --ink-faint: #726e64; --live: #e6ad3d; --live-dim: #b98a2e; --pending: #8f8975; --danger: #d9534f; --danger-dim: #a83733; --danger-ink: #2a0c0b; } * { box-sizing: border-box; } ::selection { background: var(--ink); color: var(--paper); } html { scrollbar-color: var(--ink-faint) var(--paper); scrollbar-width: thin; } html::-webkit-scrollbar { width: 10px; } html::-webkit-scrollbar-track { background: var(--paper); } html::-webkit-scrollbar-thumb { background: var(--ink-faint); border-radius: 5px; } body { margin: 0; font-family: var(--font-ui); font-size: 15px; background: var(--paper); color: var(--ink); -webkit-font-smoothing: antialiased; transition: background 0.15s ease, color 0.15s ease; } header { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 12px; padding: 14px 24px; background: var(--paper-raised); border-bottom: 3px solid var(--paper-line); } .brand { display: flex; align-items: center; gap: 10px; } .brand-link { display: flex; align-items: center; gap: 10px; color: inherit; text-decoration: none; } .header-right { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 20px; } /* Nav : #admin-nav sur index.html (toggle JS selon isAdmin), simple