/**
 * ZAPISHOP TYPOGRAPHY SYSTEM
 * Self-hosted Geometria (from zapi.re) + JetBrains Mono
 * Optimized for Core Web Vitals, PageSpeed and SEO (Zero external font blocking)
 */

/* ==========================================================================
   1. PRIMARY BRAND FONT: Geometria (zapi.re signature typeface)
   ========================================================================== */

@font-face {
  font-family: 'Geometria';
  src: url('./Geometria/Geometria-Regular.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Geometria';
  src: url('./Geometria/Geometria-Medium.woff2') format('woff2');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Geometria';
  src: url('./Geometria/Geometria-Bold.woff2') format('woff2');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Geometria';
  src: url('./Geometria/Geometria-ExtraBold.woff2') format('woff2');
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Geometria';
  src: url('./Geometria/Geometria-Heavy.woff2') format('woff2');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

/* ==========================================================================
   2. SECONDARY TECH FONT: JetBrains Mono (Technical codes, SKUs & formulas)
   ========================================================================== */

@font-face {
  font-family: 'JetBrains Mono';
  src: url('./JetBrainsMono/JetBrainsMono-Regular.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'JetBrains Mono';
  src: url('./JetBrainsMono/JetBrainsMono-Bold.woff2') format('woff2');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

/* ==========================================================================
   3. FIGMA / LEGACY ALIASES (Ensures 100% of elements resolve to Geometria/JetBrains Mono)
   ========================================================================== */

/* Inter aliases -> Geometria */
@font-face {
  font-family: 'Inter';
  src: url('./Geometria/Geometria-Regular.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Inter';
  src: url('./Geometria/Geometria-Medium.woff2') format('woff2');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Inter';
  src: url('./Geometria/Geometria-Bold.woff2') format('woff2');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Inter';
  src: url('./Geometria/Geometria-Bold.woff2') format('woff2');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Inter';
  src: url('./Geometria/Geometria-ExtraBold.woff2') format('woff2');
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Inter';
  src: url('./Geometria/Geometria-Heavy.woff2') format('woff2');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

/* Figma specific font names */
@font-face { font-family: 'Inter-Regular'; src: url('./Geometria/Geometria-Regular.woff2') format('woff2'); font-weight: 400; font-display: swap; }
@font-face { font-family: 'Inter-Medium'; src: url('./Geometria/Geometria-Medium.woff2') format('woff2'); font-weight: 500; font-display: swap; }
@font-face { font-family: 'Inter-SemiBold'; src: url('./Geometria/Geometria-Bold.woff2') format('woff2'); font-weight: 600; font-display: swap; }
@font-face { font-family: 'Inter-Bold'; src: url('./Geometria/Geometria-Bold.woff2') format('woff2'); font-weight: 700; font-display: swap; }
@font-face { font-family: 'Inter-ExtraBold'; src: url('./Geometria/Geometria-ExtraBold.woff2') format('woff2'); font-weight: 800; font-display: swap; }
@font-face { font-family: 'Inter-Black'; src: url('./Geometria/Geometria-Heavy.woff2') format('woff2'); font-weight: 900; font-display: swap; }

/* JetBrains Mono aliases */
@font-face { font-family: 'JetBrains Mono-Regular'; src: url('./JetBrainsMono/JetBrainsMono-Regular.woff2') format('woff2'); font-weight: 400; font-display: swap; }
@font-face { font-family: 'JetBrains Mono-Medium'; src: url('./JetBrainsMono/JetBrainsMono-Regular.woff2') format('woff2'); font-weight: 500; font-display: swap; }
@font-face { font-family: 'JetBrains Mono-Bold'; src: url('./JetBrainsMono/JetBrainsMono-Bold.woff2') format('woff2'); font-weight: 700; font-display: swap; }

/* Montserrat & Plus Jakarta Sans aliases -> Geometria */
@font-face { font-family: 'Montserrat'; src: url('./Geometria/Geometria-Regular.woff2') format('woff2'); font-weight: 400; font-display: swap; }
@font-face { font-family: 'Montserrat'; src: url('./Geometria/Geometria-Medium.woff2') format('woff2'); font-weight: 500; font-display: swap; }
@font-face { font-family: 'Montserrat'; src: url('./Geometria/Geometria-Bold.woff2') format('woff2'); font-weight: 700; font-display: swap; }
@font-face { font-family: 'Montserrat'; src: url('./Geometria/Geometria-Heavy.woff2') format('woff2'); font-weight: 900; font-display: swap; }
@font-face { font-family: 'Plus Jakarta Sans'; src: url('./Geometria/Geometria-Bold.woff2') format('woff2'); font-weight: 700; font-display: swap; }
@font-face { font-family: 'Space Grotesk'; src: url('./JetBrainsMono/JetBrainsMono-Bold.woff2') format('woff2'); font-weight: 700; font-display: swap; }

/* ==========================================================================
   4. GLOBAL FONT FAMILY DEFAULTS
   ========================================================================== */

:root {
  --z-font-brand: "Geometria", sans-serif;
  --z-font-head: "Geometria", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  --z-font-body: "Geometria", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  --z-font-sans: "Geometria", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  --z-font-tech: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
}