/* ==========================================================================
   POP PIZZA CONTEMPORANEA - DESIGN TOKENS & VARIABLES
   ========================================================================== */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
  src: url('../assets/fonts/inter-latin.woff2') format('woff2');
}

@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 500 800;
  font-display: swap;
  src: url('../assets/fonts/manrope-latin.woff2') format('woff2');
}

:root {
  --color-red: #E62B32;
  --color-green: #164C38;
  --color-green-dark: #103A2C;
  --color-cream: #F6F1E8;
  --color-cream-dark: #ECE5DA;
  --color-charcoal: #191A17;
  --color-muted: #69675F;
  --color-white: #FFFFFF;

  --color-primary: var(--color-red);
  --color-primary-hover: #C92127;
  --color-primary-light: #FCE7E5;
  --color-primary-glow: rgba(230, 43, 50, 0.16);

  --color-secondary: var(--color-green);
  --color-secondary-dark: var(--color-green-dark);
  --color-secondary-light: #E2ECE5;

  --color-accent-gold: #C58A2A;
  --color-accent-gold-light: #FEF3C7;

  --color-bg-main: var(--color-cream);
  --color-bg-card: var(--color-white);
  --color-bg-dark: var(--color-green-dark);
  --color-bg-dark-card: var(--color-green);

  --color-text-main: var(--color-charcoal);
  --color-text-muted: var(--color-muted);
  --color-text-light: var(--color-white);
  --color-border: #DED8CC;

  --font-heading: 'Manrope', -apple-system, BlinkMacSystemFont, sans-serif;
  --font-body: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;

  --shadow-soft: 0 12px 32px rgba(24, 24, 20, 0.08);
  --shadow-sm: 0 2px 6px rgba(24, 26, 23, 0.05);
  --shadow-md: var(--shadow-soft);
  --shadow-lg: 0 14px 34px rgba(24, 26, 23, 0.12);
  --shadow-xl: 0 24px 56px rgba(24, 26, 23, 0.16);
  --shadow-glow: 0 10px 30px var(--color-primary-glow);

  --radius-sm: 10px;
  --radius-md: 14px;
  --radius-lg: 24px;
  --radius-full: 9999px;

  --transition-fast: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  --transition-normal: 0.35s cubic-bezier(0.4, 0, 0.2, 1);
  --transition-bounce: 0.5s cubic-bezier(0.34, 1.56, 0.64, 1);

  --container-max: 1320px;
  --header-height: 80px;
}