/* ============================================================
   La Riviera di Ulisse — Design System "Pontino Antico"
   Ispirato a: approdo.pages.dev · cartografia nautica editoriale
   ============================================================ */

:root {
  /* ── Colori principali ──────────────────────── */
  --rp-mare:      #1A7A6E;
  --rp-cielo:     #8EC9C2;
  --rp-sabbia:    #F0E6C8;
  --rp-sabbia-dk: #E6D9AE;
  --rp-sabbia-lt: #F8F2E4;
  --rp-duna:      #D4B483;
  --rp-tufo:      #9E6B3A;
  --rp-circeo:    #2C5F2E;
  --rp-tramonto:  #D4603A;
  --rp-rosso:     #8C2E24;
  --rp-ink:       #0D1E2E;
  --rp-ink-s:     #1A3248;
  --rp-oro:       #9C7B2B;
  --rp-oro-lt:    #C4A450;
  --rp-oro-pale:  #E2CFA0;

  /* ── Neutrali ───────────────────────────────── */
  --rp-white:     #FFFFFF;
  --rp-nebbia:    #6E6A5A;
  --rp-nebbia-lt: #C8BAA0;
  --rp-gray-100:  #EDE8DC;
  --rp-gray-300:  #D0C9B8;
  --rp-gray-500:  #8A847B;
  --rp-gray-700:  #4A4540;
  --rp-sale:      #FAF6EC;

  /* ── Font stack (Bunny Fonts — Playfair + Lora + Cormorant + JetBrains) ── */
  --rp-font-display: 'Playfair Display', Georgia, serif;
  --rp-font-heading: 'Cormorant Garamond', Georgia, serif;
  --rp-font-body:    'Lora', Georgia, serif;
  --rp-font-ui:      'Cormorant Garamond', Georgia, serif;
  --rp-font-mono:    'JetBrains Mono', 'SF Mono', monospace;

  /* ── Spaziature ─────────────────────────────── */
  --rp-space-xs:  4px;
  --rp-space-sm:  8px;
  --rp-space-md:  16px;
  --rp-space-lg:  24px;
  --rp-space-xl:  40px;
  --rp-space-2xl: 64px;

  /* ── Radius — editoriale, quasi zero ────────── */
  --rp-radius-sm:   0;
  --rp-radius-md:   0;
  --rp-radius-lg:   0;
  --rp-radius-pill: 0;

  /* ── Shadows — quasi assenti (editoriale) ───── */
  --rp-shadow-sm:  none;
  --rp-shadow-md:  none;
  --rp-shadow-lg:  none;

  /* ── Bottom bar mobile ──────────────────────── */
  --rp-bottom-bar-height: 64px;
  --rp-bottom-bar-bg:     var(--rp-sabbia);
  --rp-bottom-bar-active: var(--rp-oro);

  /* ── Nav desktop ────────────────────────────── */
  --rp-nav-bg:    var(--rp-ink);
  --rp-nav-text:  rgba(240, 230, 200, 0.7);
  --rp-nav-gold:  var(--rp-oro-lt);

  /* ── Footer ─────────────────────────────────── */
  --rp-footer-bg:     var(--rp-ink);
  --rp-footer-verde:  #009246;
  --rp-footer-bianco: #FFFFFF;
  --rp-footer-rosso:  #CE2B37;
}