/*!
 * Don Geppi Restaurant - Root Variables
 * Copyright (c) 2025 Manolo De Angelis - Mdaweb
 * All rights reserved.
 */

/* root.css – variabili globali */

:root {
  /* 🎨 Colori */
  --colore-primario: rgba(0, 0, 0, 0.7);
  --colore-secondario: #6c8c7d;
  --colore-terziario: #a8b9af;

  --colore-bianco: #ffffff;
  --colore-nero: #000000;
  --nero50: rgba(0, 0, 0, 0.5);
  --nero60: rgba(0, 0, 0, 0.6);
  --nero70: rgba(0, 0, 0, 0.7);
  --bianco: #ffffff;
	
  --grigio-100: #f9f9f9;
  --grigio-200: #e0e0e0;
  --grigio-300: #c2c2c2;
  --grigio-400: #999999;
  --grigio-500: #555555;
  --grigio-600: #2f2f2f;

  /* ✍️ Font */
  --font-testo: 'Open Sans', serif;
  --font-titolo: 'Julius', sans-serif;
  --font-ui: 'Inter', sans-serif;

  /* 📏 Spaziature */
  --spazio-xs: 8px;
  --spazio-sm: 16px;
  --spazio-md: 24px;
  --spazio-lg: 40px;
  --spazio-xl: 60px;

  /* 🔠 Tipografia */
  --font-size-xs: 12px;
  --font-size-sm: 14px;
  --font-size-base: 16px;
  --font-size-lg: 20px;
  --font-size-xl: 24px;
  --font-size-xxl: 32px;
  --font-size-xxxl: calc(18px + 1.7vw);	
  --font-size-2rem: 2rem;
  --font-size-3rem: 3rem;
  --font-size-4rem: 4rem;
  --font-size-5rem: 5rem;		

  /* ✍️ Spessore caratteri */
  --font-weight-s: 100; /* sottile (default) */
  --font-weight-m: 500; /* medio */
  --font-weight-b: 700; /* bold */
	
  /* 🟦 Bordi */
  --bordi-radius-sm: 4px;
  --bordi-radius-md: 8px;
  --bordi-radius-lg: 16px;
  --bordi-radius-full: 999px;

  --bordi-spessore-sottile: 1px;
  --bordi-spessore-medio: 2px;
  --bordi-spessore-grande: 4px;

  --bordi-stile: solid;

  /* 🌈 Ombre */
  --ombra-leggera: 0 2px 6px rgba(0, 0, 0, 0.06);
  --ombra-media: 0 4px 10px rgba(0, 0, 0, 0.1);
  --ombra-scura: 0 6px 16px rgba(0, 0, 0, 0.15);

  /* 🔁 Transizioni */
  --transizione-base: all 0.3s ease-in-out;
}