/* =========================================================
   THEME.CSS — Pescheria del Corso
   Variabili design token specifiche di questo cliente.
   NON modificare style.css / components.css / animations.css.
   ========================================================= */

/* @font-face ────────────────────────────────────────────── */
@font-face {
  font-family: 'Fraunces';
  src: url('../fonts/fraunces-400.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Fraunces';
  src: url('../fonts/fraunces-600.woff2') format('woff2');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Fraunces';
  src: url('../fonts/fraunces-700.woff2') format('woff2');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Work Sans';
  src: url('../fonts/work-sans-400.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Work Sans';
  src: url('../fonts/work-sans-600.woff2') format('woff2');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Work Sans';
  src: url('../fonts/work-sans-800.woff2') format('woff2');
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}

/* :root design tokens ──────────────────────────────────── */
:root {
  /* Brand */
  --color-primary:      #199CD4;
  --color-secondary:    #0B4F6C;
  --color-accent:       #F4A261;
  --color-accent-hot:   #E63946;

  /* Headings */
  --color-heading:         #0B4F6C;
  --color-heading-on-dark: #FAF3E7;

  /* Body text */
  --color-text:         #1D2B36;
  --color-text-on-dark: #FAF3E7;
  --color-text-muted:   #5A6B78;

  /* Backgrounds */
  --color-bg:      #FFFFFF;
  --color-bg-alt:  #FAF3E7;
  --color-bg-dark: #0B4F6C;

  /* Links */
  --color-link:       #199CD4;
  --color-link-hover: #0B4F6C;

  /* Borders & shadows */
  --color-border: rgba(11, 79, 108, 0.15);
  --color-shadow: rgba(11, 79, 108, 0.1);

  /* Typography */
  --font-heading: 'Fraunces', Georgia, 'Times New Roman', serif;
  --font-body:    'Work Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;

  /* Spacing (sistema 8pt) */
  --space-xs: 8px;
  --space-sm: 16px;
  --space-md: 24px;
  --space-lg: 48px;
  --space-xl: 96px;

  /* Radius */
  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 16px;

  /* Layout */
  --container-max: 1200px;

  /* Hero overlay */
  --hero-overlay: rgba(11, 79, 108, 0.52);
}