/* ═══════════════════════════════════════════════════════════
base.css — Font e palette condivisi tra vari i CSS del sito
Includere UNA SOLA VOLTA nel oppure via @import.
═══════════════════════════════════════════════════════════ */
/* ── Font ─────────────────────────────────────────────────── */
/* FONTE DI VERITÀ dei font del sito: i file vivono in /assets/fonts/ con il
nome pulito (niente hash di build) e sono tracciati in git. Chi ha bisogno
dei font linka questo file, non ridichiara i @font-face. (2026-09-09) */
/* Font del brand (titoli, testo, small caps): font-display:block, NON swap.
Con swap il testo veniva disegnato subito in Georgia e poi sostituito a font
arrivato → reflow visibile ("saltello" di navbar e titoli, metriche molto
diverse). Con block il testo resta invisibile al massimo ~3s finche' il font
non c'e', poi appare gia' giusto; le pagine del portale li precaricano
(tdl_head_assets → ) cosi' di norma sono pronti al primo
paint. I font decorativi/secondari sotto restano swap. (2026-09-10) */
@font-face { font-family:'Ringbearer';
src:url('../../../assets/fonts/RingbearerMedium.woff2') format('woff2'),
url('../../../assets/fonts/RingbearerMedium.woff') format('woff');
font-weight:500; font-style:normal; font-display:block; }
@font-face { font-family:'base-text';
src:url('../../../assets/fonts/new-base-text.woff2') format('woff2'),
url('../../../assets/fonts/new-base-text.woff') format('woff');
font-weight:normal; font-style:normal; font-display:block; }
@font-face { font-family:'base-text';
/* italic: glifi corrotti corretti (+ ^ ª º ÷ e parentesi tonde, 2026-09-01) */
src:url('../../../assets/fonts/new-base-text-italic.woff2') format('woff2'),
url('../../../assets/fonts/new-base-text-italic.woff') format('woff');
font-weight:normal; font-style:italic; font-display:block; }
@font-face { font-family:'minor-headers';
src:url('../../../assets/fonts/new-base-text-sc.woff2') format('woff2'),
url('../../../assets/fonts/new-base-text-sc.woff') format('woff');
font-weight:normal; font-style:normal; font-display:block; }
@font-face { font-family:'Celestia';
src:url('../../../assets/fonts/Celestia Antiqua Std Regular.ttf') format('truetype');
font-weight:normal; font-style:normal; font-display:swap; }
@font-face { font-family:'Democratica';
src:url('../../../assets/fonts/Democratica.woff2') format('woff2'),
url('../../../assets/fonts/Democratica.woff') format('woff');
font-weight:400; font-style:normal; font-display:swap; }
/* Font decorativi: dingbat usati come divisori ornamentali (es. statblock
creature). Pterra dactyl ha le code/svolazzi, IndecisionLines i tratti
ondulati. Caricarli con font-display:swap perche' non sono critici. */
@font-face { font-family: 'IndecisionLines';
src: url('../../../assets/fonts/IndecisionLines Regular.otf') format('opentype');
font-weight: normal; font-style: normal;
font-display: swap; }
@font-face { font-family: 'Pterra';
src: url('../../../assets/fonts/Pterra dactyl Regular.otf') format('opentype');
font-weight: normal; font-style: normal;
font-display: swap; }
/* ── Palette ──────────────────────────────────────────────── */
:root {
--gold: #c9a84c;
--gold-light: #e8c87a;
--gold-dim: rgba(201,168,76,.18);
--gold-glow: rgba(201,168,76,.08);
--bg-void: #080808;
--bg-void-light: rgb(22 22 22);
--bg-deep: #0f0f0f;
--bg-surface: #161616;
--bg-panel: rgba(12,12,12,.95);
--bg-card: rgba(22,22,22,.94);
--bg-slot: rgba(14,12,10,.96);
--bg-slot-h: rgba(26,22,14,.99);
--bg-popup: rgba(11,9,7,.98);
--text-main: #e8e0d0;
--text-muted: #6e6460;
--danger: #9b2c2c;
--danger-text: #c97a7a;
--text-faint: #2e2a26;
--border: rgba(201,168,76,.22);
--border-dim: rgba(201,168,76,.09);
--border-slot: rgba(201,168,76,.13);
--red-dim: rgba(155,44,44,.55);
--red-alert: rgba(155,44,44,.08);
--dm-accent: rgba(139,58,58,.55);
--worn-col: #6dba7a;
--navbar-h: 5rem;
/* Dimensioni ritratto — rapporto 3:4 */
--card-w: 54px;
--card-h: 72px; /* 54 × 4/3 = 72 */
/* Ritratto attivo — ~1.45× */
--card-w-active: 78px;
--card-h-active: 104px;
/* Triangolino sotto il ritratto attivo */
--arrow-size: 7px;
/* ── TIER di rarità (reference 2026-07-20): colori CONDIVISI da pannello
dettaglio, card negozio/incantamento, scheda equipment e inventario ── */
--tier-perfetto:#cfcabe; --tier-perfetto-glow:rgba(230,225,210,.55);
--tier-rare:#58a6d8; --tier-rare-glow:rgba(90,170,230,.75);
--tier-epic:#a879e2; --tier-epic-glow:rgba(170,110,240,.8);
--tier-mythic:#e86a55; --tier-mythic-glow:rgba(240,110,90,.85);
}
/* ── Glifo di scuola di magia (2026-09-11): sprite in
/assets/tdl/img/scuole-magia-sprite.svg, markup da include/scuole_glifi.fnc.php
→ scuola_glifo(). La dimensione sta negli attributi width/height dell'