/* ============================================================
   NUMERI ANGELI — Design Tokens
   Tema: Celeste etereo
   ============================================================ */

@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,500;1,300;1,400;1,500&family=Inter:wght@300;400;500;600&display=swap');

:root {

  /* ── Palette ───────────────────────────────────────────── */
  --bianco:          #FFFFFF;
  --azzurro-chiaro:  #DCEEFF;
  --blu-polvere:     #AFC8E8;
  --lavanda:         #D9D8FF;
  --grigio-freddo:   #E9EDF2;

  /* ── Testo ─────────────────────────────────────────────── */
  --ink:             #0D1B2A;
  --ink-2:           #3A4A5C;
  --ink-3:           #6B7A8D;
  --ink-muted:       #9BAAB8;

  /* ── Superfici ─────────────────────────────────────────── */
  --bg:              #FFFFFF;
  --bg-soft:         #F7F9FC;
  --bg-accent:       #DCEEFF;
  --bg-footer:       #E9EDF2;

  /* ── Bordi ─────────────────────────────────────────────── */
  --border:          rgba(175, 200, 232, 0.40);
  --border-soft:     rgba(175, 200, 232, 0.22);
  --border-ink:      rgba(13, 27, 42, 0.10);

  /* ── Tipografia ────────────────────────────────────────── */
  --serif:  'Cormorant Garamond', 'Garamond', Georgia, serif;
  --sans:   'Inter', -apple-system, BlinkMacSystemFont, system-ui, sans-serif;

  /* ── Scala ─────────────────────────────────────────────── */
  --fs-xs:    0.6875rem;  /* 11px */
  --fs-sm:    0.8125rem;  /* 13px */
  --fs-base:  1rem;       /* 16px */
  --fs-md:    1.125rem;   /* 18px */
  --fs-lg:    1.375rem;   /* 22px */
  --fs-xl:    1.875rem;   /* 30px */
  --fs-2xl:   2.5rem;     /* 40px */
  --fs-3xl:   3.5rem;     /* 56px */
  --fs-4xl:   5rem;       /* 80px */
  --fs-hero:  9rem;       /* 144px */

  /* ── Interlinea ────────────────────────────────────────── */
  --lh-tight:   1.05;
  --lh-snug:    1.20;
  --lh-text:    1.55;
  --lh-loose:   1.80;

  /* ── Spaziatura (base 4px) ─────────────────────────────── */
  --sp-1:   0.25rem;
  --sp-2:   0.5rem;
  --sp-3:   0.75rem;
  --sp-4:   1rem;
  --sp-5:   1.5rem;
  --sp-6:   2rem;
  --sp-7:   3rem;
  --sp-8:   4rem;
  --sp-9:   6rem;
  --sp-10:  8rem;

  /* ── Radii ─────────────────────────────────────────────── */
  --r-sm:    6px;
  --r-md:    12px;
  --r-lg:    20px;
  --r-xl:    32px;
  --r-full:  9999px;

  /* ── Ombre ─────────────────────────────────────────────── */
  --shadow-xs: 0 1px 3px rgba(13, 27, 42, 0.05);
  --shadow-sm: 0 2px 12px rgba(13, 27, 42, 0.07);
  --shadow-md: 0 8px 28px rgba(13, 27, 42, 0.09), 0 2px 6px rgba(13, 27, 42, 0.04);
  --shadow-glow: 0 0 56px rgba(172, 200, 232, 0.60);

  /* ── Motion ────────────────────────────────────────────── */
  --ease:      cubic-bezier(0.16, 1, 0.3, 1);
  --ease-soft: cubic-bezier(0.4, 0.0, 0.2, 1);
  --fast:      140ms;
  --base:      240ms;
  --slow:      480ms;
}