/**
 * Design System / shared / tokens.css
 * Variabili CSS comuni a tutte le landing Livein.
 * Modifica qui per cambiare la palette, i font o gli spaziature di TUTTE le landing.
 * Override per singola landing: dentro il <style> della landing specifica.
 */

@import url("https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,400;9..144,500;9..144,600;9..144,700;9..144,800&family=Manrope:wght@400;500;600;700;800&family=GT+Sectra:wght@400;500;700&display=swap");

:root {
  /* ── Palette ──────────────────────────────── */
  --livein-navy:        #1A2E44;
  --livein-sunset:      #FF6B35;
  --livein-orange-soft: #FF8C42;
  --livein-orange-dark: #E55620;
  --livein-white:       #ffffff;
  --livein-bg:          #ffffff;
  --livein-bg-alt:      #f9fafb;
  --livein-bg-warm:     #f7f3ec;
  --livein-bg-cream:    #f8f6f2;
  --livein-border:      #e5e7eb;
  --livein-line:        #e8e3d8;
  --livein-text:        #24323a;
  --livein-ink:         #0e1d2e;
  --livein-ink-soft:    #5a6672;
  --livein-muted:       #5b6672;
  --livein-success:     #4A7C59;
  --livein-danger:      #e74c3c;

  /* ── Tipografia ───────────────────────────── */
  --font-heading: "GT Sectra", "Tiempos Headline", "Cormorant Garamond", "Fraunces", ui-serif, Georgia, serif;
  --font-body:    "Manrope", -apple-system, BlinkMacSystemFont, "Segoe UI Variable", "Segoe UI", "Helvetica Neue", Inter, system-ui, sans-serif;
  --font-display: "Fraunces", var(--font-heading);

  /* ── Layout ──────────────────────────────── */
  --header-h:    clamp(80px, 8vw, 100px);
  --content-max: 1400px;
  --section-px:  clamp(16px, 4vw, 40px);
  --section-py:  clamp(48px, 8vw, 110px);
  --radius:      14px;
  --radius-lg:   24px;

  /* ── Ombre ────────────────────────────────── */
  --shadow:    0 4px 20px rgba(0, 0, 0, .06);
  --shadow-md: 0 8px 32px rgba(0, 0, 0, .08);
  --shadow-lg: 0 20px 60px rgba(0, 0, 0, .15);
}

/* ── Reset minimo (non sovrascrive le regole della landing) ─ */
.omero-landing img,
.omero-landing picture { max-width: 100%; height: auto; }
.omero-landing svg    { display: inline-block; vertical-align: middle; }
.omero-landing a      { color: var(--livein-sunset); }