
@font-face{font-family:'Inter';font-style:normal;font-weight:400 600;font-display:swap;src:url("/assets/fonts/inter-var-latin.woff2") format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Oswald';font-style:normal;font-weight:700;font-display:swap;src:url("/assets/fonts/oswald-700-latin.woff2") format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Bebas Neue';font-style:normal;font-weight:400;font-display:swap;src:url("/assets/fonts/bebas-neue-400-latin.woff2") format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Fraunces';font-style:normal;font-weight:600;font-display:swap;src:url("/assets/fonts/fraunces-600-latin.woff2") format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Nunito Sans';font-style:normal;font-weight:400 800;font-display:swap;src:url("/assets/fonts/nunito-sans-var-latin.woff2") format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
:root{
  
  --nlw-white:#FFFFFF;      
  --nlw-off-white:#F7F9FC;  
  --nlw-blue-50:#EEF4FC;    
  --nlw-blue-100:#D6E6F8;   
  --nlw-blue-500:#3B82D6;   
  --nlw-blue-600:#1F66C1;   
  --nlw-blue-700:#174E99;   
  --nlw-blue-900:#0C2A52;   
  --nlw-ink:#111418;        
  --nlw-grey-100:#F1F3F5;   
  --nlw-grey-300:#CDD2D8;   
  --nlw-grey-500:#5F6873;   
  --nlw-grey-700:#3F4650;   
  --nlw-his-charcoal:#1E2124; 
  --nlw-his-graphite:#4A4F55; 
  --nlw-his-mist:#E8EAEC;     
  --nlw-her-blue:#A9CBEF;   
  --font-inter:"Inter",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
  --font-oswald:"Oswald","Arial Narrow",Impact,sans-serif-condensed,sans-serif;
  --font-bebas:"Bebas Neue","Oswald","Arial Narrow",Impact,sans-serif-condensed,sans-serif;
  --font-fraunces:"Fraunces",Georgia,"Times New Roman",serif;
  --font-nunito:"Nunito Sans",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
  --brand-font:var(--font-oswald); --brand-transform:uppercase;
  --h3-transform:none; --h3-weight:700;
  --color-surface:var(--nlw-white); --color-border:var(--nlw-grey-300);
  --color-ph:#8a6d00; --color-ph-bg:#fff8db;  
  --color-focus:var(--nlw-blue-600);
  
  --header-bg:var(--nlw-white); --header-fg:var(--nlw-blue-900); --header-accent:var(--nlw-blue-600); --header-border:var(--nlw-grey-300);
  --nav-hover-bg:var(--nlw-blue-50); --nav-current-bg:var(--nlw-blue-600); --nav-current-fg:var(--nlw-white);
  --header-focus:var(--nlw-blue-600);
  --footer-bg:var(--nlw-ink); --footer-fg:var(--nlw-grey-100);
  --accent-hover:var(--nlw-blue-700); --btn-hover-filter:none;
  --radius:14px; --radius-sm:8px;
  --shadow:0 1px 2px rgb(17 20 24 / .06),0 6px 18px rgb(17 20 24 / .08);
  --space:1rem; --wrap:76rem;
}
[data-side="neutral"]{
  --font-body:var(--font-inter); --font-display:var(--font-oswald); --font-display-lg:var(--font-oswald);
  --display-transform:uppercase; --display-tracking:.01em; --display-weight:700;
  --color-bg:var(--nlw-white); --color-text:var(--nlw-ink); --color-heading:var(--nlw-blue-900); --color-muted:var(--nlw-grey-700);
  --accent:var(--nlw-blue-600); --accent-contrast:var(--nlw-white); --accent-hover:var(--nlw-blue-700); --accent-2:var(--nlw-blue-500);
  --tint:var(--nlw-off-white); --link:var(--nlw-blue-600); --link-on-tint:var(--nlw-blue-700);
  --hero-bg:var(--nlw-blue-900); --hero-fg:var(--nlw-white); --hero-eyebrow:var(--nlw-blue-100); --hero-stripe:var(--nlw-blue-500);
  --tag-bg:var(--nlw-blue-50); --tag-fg:var(--nlw-blue-900);
  --badge-bg:var(--nlw-blue-900); --badge-fg:var(--nlw-white);
  --card-stripe:var(--nlw-blue-600); --card-go:var(--nlw-white);
  --scrim:var(--nlw-white); --scrim-fg:var(--nlw-blue-900);   
}
[data-side="his"]{
  --font-body:var(--font-inter); --font-display:var(--font-bebas); --font-display-lg:var(--font-bebas);
  --display-transform:uppercase; --display-tracking:.03em; --display-weight:400;
  --font-h3:var(--font-inter);
  --color-bg:var(--nlw-white); --color-text:var(--nlw-ink); --color-heading:var(--nlw-his-charcoal); --color-muted:var(--nlw-his-graphite);
  --accent:var(--nlw-his-charcoal); --accent-contrast:var(--nlw-white); --accent-hover:var(--nlw-his-graphite); --accent-2:var(--nlw-his-graphite);
  --tint:var(--nlw-his-mist); --link:var(--nlw-blue-600); --link-on-tint:var(--nlw-blue-700);
  --hero-bg:var(--nlw-his-charcoal); --hero-fg:var(--nlw-white); --hero-eyebrow:var(--nlw-blue-100); --hero-stripe:var(--nlw-his-mist);
  --tag-bg:var(--nlw-his-mist); --tag-fg:var(--nlw-his-charcoal);
  --badge-bg:var(--nlw-his-charcoal); --badge-fg:var(--nlw-white);
  --card-stripe:var(--nlw-his-charcoal); --card-go:var(--nlw-white);
  --scrim:var(--nlw-his-charcoal); --scrim-fg:var(--nlw-white);   
}
[data-side="her"]{
  --font-body:var(--font-nunito); --font-display:var(--font-nunito); --font-display-lg:var(--font-fraunces);
  --display-transform:none; --display-tracking:-.005em; --display-weight:700;
  --font-h3:var(--font-nunito);
  --color-bg:var(--nlw-white); --color-text:var(--nlw-ink); --color-heading:var(--nlw-blue-900); --color-muted:var(--nlw-grey-700);
  --accent:var(--nlw-blue-600); --accent-contrast:var(--nlw-white); --accent-hover:var(--nlw-blue-700); --accent-2:var(--nlw-her-blue);
  --tint:var(--nlw-blue-50); --link:var(--nlw-blue-600); --link-on-tint:var(--nlw-blue-700);
  --hero-bg:var(--nlw-her-blue); --hero-fg:var(--nlw-blue-900); --hero-eyebrow:var(--nlw-ink); --hero-stripe:var(--nlw-blue-600);
  --tag-bg:var(--nlw-blue-50); --tag-fg:var(--nlw-blue-900);
  --badge-bg:var(--nlw-her-blue); --badge-fg:var(--nlw-blue-900);
  --card-stripe:var(--nlw-her-blue); --card-go:var(--nlw-blue-900);
  --scrim:var(--nlw-white); --scrim-fg:var(--nlw-blue-900);   
}
