/* ==========================================================================
   La Riviera dei Fiori — Design Tokens
   ========================================================================== */

:root {
  /* Palette — primary brand */
  --lrf-mare:      #0077B6;
  --lrf-sabbia:    #F4EFE6;
  --lrf-pino:      #2D6A4F;
  --lrf-tramonto:  #E76F51;
  --lrf-ink:       #1C1815;
  --lrf-sale:      #F8F5F0;
  --lrf-oro:       #D4B97A;

  /* Neutrals */
  --lrf-white:     #FFFFFF;
  --lrf-gray-100:  #F2EEE8;
  --lrf-gray-300:  #D8D2C7;
  --lrf-gray-500:  #8A847B;
  --lrf-gray-700:  #4A4540;

  /* Category colors (POI markers) */
  --cat-01-spiagge:        #0077B6;
  --cat-02-stabilimenti:   #005F8A;
  --cat-03-ristoranti:     #E76F51;
  --cat-04-bar:            #C1440E;
  --cat-05-dormire:        #9B59B6;
  --cat-06-noleggio:       #2D6A4F;
  --cat-07-riparazione:    #1A4731;
  --cat-08-farmacie:       #52B788;
  --cat-09-cultura:        #8B6914;
  --cat-10-servizi:        #546E7A;
  --cat-11-parcheggi:      #78909C;
  --cat-12-comuni:         #E63946;

  /* Footer (GP v1.5) */
  --gp-bg:         #0E0B08;
  --gp-text:       #FFFFFF;
  --gp-verde:      #009246;
  --gp-bianco:     #FFFFFF;
  --gp-rosso:      #CE2B37;

  /* Font stacks */
  --font-display: "Fraunces", Georgia, "Times New Roman", serif;
  --font-body:    "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  --font-mono:    "JetBrains Mono", "SF Mono", Menlo, Consolas, monospace;

  /* Spacing scale */
  --space-1:  4px;
  --space-2:  8px;
  --space-3:  16px;
  --space-4:  24px;
  --space-5:  32px;
  --space-6:  48px;
  --space-7:  64px;

  /* Breakpoint */
  --bp-md: 768px;

  /* Radius */
  --radius-sm:  6px;
  --radius-md:  12px;
  --radius-lg:  20px;
  --radius-pill: 999px;

  /* Shadows */
  --shadow-sm:  0 1px 2px rgba(28, 24, 21, 0.06), 0 1px 3px rgba(28, 24, 21, 0.04);
  --shadow-md:  0 4px 12px rgba(28, 24, 21, 0.08), 0 2px 4px rgba(28, 24, 21, 0.04);
  --shadow-lg:  0 12px 32px rgba(28, 24, 21, 0.12), 0 4px 8px rgba(28, 24, 21, 0.06);

  /* Transitions */
  --transition-fast:  150ms ease;
  --transition-base:  250ms ease;
  --transition-slow:  400ms ease;

  /* Container */
  --container-max: 1200px;
  --container-pad: var(--space-4);
}