/* ==========================================================
   REJNA - Sistema visivo
   Colori presi dal logo: l'albero (inchiostro) e il filo d'oro.
   Il verde resta il colore del marchio.
   I nomi "storici" in fondo puntano ai nuovi valori, cosi'
   tutti i fogli di stile esistenti ereditano il nuovo aspetto.
   ========================================================== */
@import url('/css/fonts-1300f54e0c2aba2bd224b5849ae41d01.css');

:root {
    /* PALETTE */
    --ink: #16201B;            /* testi, barra superiore, footer */
    --forest: #2D5A45;         /* colore primario, bottoni */
    --forest-dark: #1E3F30;
    --forest-light: #3D7359;
    --sage: #E3EAE1;           /* superfici morbide, icone */
    --sage-strong: #DCE4D8;    /* segnaposto media */
    --paper: #F4F5F0;          /* sfondo pagine */
    --surface: #FFFFFF;
    --surface-alt: #FBFCF8;    /* header */
    --gold: #B8912F;           /* accento: stelle, dettagli */
    --gold-text: #7A5D1A;      /* oro leggibile come testo: almeno 5:1 su bianco, carta e salvia */
    --focus-ring: var(--gold-text); /* contorno del focus da tastiera sulle superfici chiare */
    --gold-soft: #F3E7C2;
    --gold-deep: #6B5116;
    --moss: #56615A;           /* testi secondari */
    --line: #DDE2DA;
    --line-strong: #D5DBD2;
    --danger: #A8372A;
    --danger-dark: #86291F;
    --danger-soft: #F7E3DF;
    --success-soft: #E3EAE1;

    /* TIPOGRAFIA */
    --font-sans: 'Manrope', system-ui, -apple-system, 'Segoe UI', sans-serif;
    --font-serif: 'Fraunces', Georgia, 'Times New Roman', serif;

    /* FORME */
    --radius-sm: 10px;
    --radius-pill: 999px;
    --shadow-soft: 0 1px 2px rgba(22, 32, 27, 0.04), 0 8px 24px rgba(22, 32, 27, 0.06);
    --shadow-lift: 0 2px 4px rgba(22, 32, 27, 0.05), 0 18px 40px rgba(22, 32, 27, 0.12);
    --site-gutter: clamp(16px, 5vw, 80px);
    --site-width: 1280px;

    /* ---- NOMI STORICI (usati dai fogli di stile delle pagine) ---- */
    --primary-color: var(--forest);
    --primary-hover: var(--forest-dark);
    --primary-light: var(--forest-light);
    --secondary-color: var(--sage);
    --nav-bg: var(--ink);
    --nav-link-hover: #2C3832;
    --text-color-light: #fff;
    --text-color-dark: var(--ink);
    --danger-color: var(--danger);
    --danger-hover: var(--danger-dark);
    --border-color: var(--line);

    --font-main: var(--font-sans);
    --font-heading: var(--font-serif);

    --page-bg: var(--paper);
    --border-radius: 10px;
    --radius-md: 14px;
    --radius-lg: 20px;
    --container-width: 1280px;
    --container-padding: 5%;
    --spacing: 1rem;

    --card-bg: var(--surface);
    --card-shadow: var(--shadow-soft);
    --card-shadow-hover: var(--shadow-lift);
}