/*
Theme Name: wufiner
Template: kadence
Version: 1.0.0
*/

/* Neue Haas Grotesk Display Pro — self-hosted */
@font-face {
  font-family: 'Neue Haas Grotesk Display Pro';
  src: url('assets/fonts/neue-haas-grotesk-display-pro-cufonfonts/NeueHaasDisplayRoman.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Neue Haas Grotesk Display Pro';
  src: url('assets/fonts/neue-haas-grotesk-display-pro-cufonfonts/NeueHaasDisplayRomanItalic.ttf') format('truetype');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Neue Haas Grotesk Display Pro';
  src: url('assets/fonts/neue-haas-grotesk-display-pro-cufonfonts/NeueHaasDisplayMediu.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Neue Haas Grotesk Display Pro';
  src: url('assets/fonts/neue-haas-grotesk-display-pro-cufonfonts/NeueHaasDisplayMediumItalic.ttf') format('truetype');
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Neue Haas Grotesk Display Pro';
  src: url('assets/fonts/neue-haas-grotesk-display-pro-cufonfonts/NeueHaasDisplayBold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Neue Haas Grotesk Display Pro';
  src: url('assets/fonts/neue-haas-grotesk-display-pro-cufonfonts/NeueHaasDisplayBoldItalic.ttf') format('truetype');
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Neue Haas Grotesk Display Pro';
  src: url('assets/fonts/neue-haas-grotesk-display-pro-cufonfonts/NeueHaasDisplayBlack.ttf') format('truetype');
  font-weight: 800 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Neue Haas Grotesk Display Pro';
  src: url('assets/fonts/neue-haas-grotesk-display-pro-cufonfonts/NeueHaasDisplayBlackItalic.ttf') format('truetype');
  font-weight: 800 900;
  font-style: italic;
  font-display: swap;
}

:root {
  --ink:        #0E1117;
  --ink-2:      #161B24;
  --ink-3:      #1E2530;
  --paper:      #F6F4EF;
  --paper-2:    #EDEAE1;
  --line:       #E2DED2;
  --line-dark:  rgba(255,255,255,.10);
  --text:       #1A1D23;
  --text-soft:  #5A5E66;
  --text-inv:   #F6F4EF;
  --text-inv-soft: #A7AcB6;
  --amber:      #024675;
  --amber-deep: #013355;
  --amber-soft: #cfe3f0;
  --mint:       #6FE0BD;
  --danger:     #C9523E;
  --danger-soft:#F6E0DA;
  --r:          14px;
  --r-lg:       22px;
  --maxw:       1240px;
  --sans:       'Neue Haas Grotesk Display Pro', system-ui, sans-serif;
  --disp:       'Neue Haas Grotesk Display Pro', system-ui, sans-serif;
}

body {
  font-family: var(--sans);
  color: var(--text);
  background: var(--paper);
  line-height: 1.6;
  -webkit-font-smoothing: antialiased;
}