/* ----------------------------------------
   Nova Peptide Supply — Design Tokens (Static)
   ----------------------------------------
   Font faces, border-radius, glass morphism, layout.
   Color tokens are output dynamically by nova_dynamic_css()
   in inc/nova-utils.php so they respond to Customizer changes.
   ----------------------------------------
   @package nova-peptides
   ---------------------------------------- */

/* ----------------------------------------
   Fonts — Inter (self-hosted)
   ---------------------------------------- */

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

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

@font-face {
  font-family: 'Inter';
  src: url('../../fonts/Inter-SemiBold.woff2') format('woff2');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

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

/* ----------------------------------------
   Fonts — Stack Sans Text (self-hosted)
   ---------------------------------------- */

@font-face {
  font-family: 'Stack Sans Text';
  src: url('../../fonts/stack-sans-text-latin-400-normal.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Stack Sans Text';
  src: url('../../fonts/stack-sans-text-latin-700-normal.woff2') format('woff2');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

/* ----------------------------------------
   Static Tokens (don't change via Customizer)
   ---------------------------------------- */

:root {

  /* Typography */
  --nova-font-heading:     'Stack Sans Text', 'Inter', sans-serif;
  --nova-font-body:        'Inter', sans-serif;

  /* Border radius */
  --nova-radius-button:    40px;
  --nova-radius-card:      20px;
  --nova-radius-input:     8px;

  /* Glass morphism */
  --nova-glass-bg:         rgba(255, 255, 255, 0.08);
  --nova-glass-border:     rgba(255, 255, 255, 0.15);
  --nova-glass-blur:       12px;

  /* Layout */
  --nova-max-page-width:   1440px;
  --nova-content-width:    1328px;

  /* Blog-specific */
  --nova-border-card:      #c9ccd6;
  --nova-tooltip-bg:       #fffcd9;
  --nova-tooltip-border:   #e5e3c3;
}