/* ===================================
   Zula / American Luck Variables
   =================================== */

/* Font Faces */
@font-face {
  font-family: 'TT Bluescreens';
  src: url('https://cdn.americanluck.com/fonts/bluescreens/tt_bluescreens_demibold.woff') format('woff');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  ascent-override: 90%; 
  descent-override: 22%; 
  line-gap-override: 0%;     
}

@font-face {
  font-family: 'TT Bluescreens Semi-Bold';
  src: url('https://cdn.americanluck.com/fonts/bluescreens/tt_bluescreens_bold.woff') format('woff');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
  ascent-override: 90%; 
  descent-override: 22%; 
  line-gap-override: 0%;     
}

@font-face {
  font-family: 'TT Bluescreens Bold';
  src: url('https://cdn.americanluck.com/fonts/bluescreens/tt_bluescreens_bold.woff') format('woff');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
  ascent-override: 90%; 
  descent-override: 22%; 
  line-gap-override: 0%;     
}

@font-face {
  font-family: 'Fjalla One Regular';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  ascent-override: 90%; 
  descent-override: 22%; 
  line-gap-override: 0%;     
  src: url(https://fonts.gstatic.com/s/fjallaone/v16/Yq6R-LCAWCX3-6Ky7FAFrOF6kjouQb4.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: 'Inter Regular';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  ascent-override: 90%; 
  descent-override: 22%; 
  line-gap-override: 0%;  
  src: url('https://fonts.gstatic.com/s/inter/v20/UcCo3FwrK3iLTcviYwYZ8UA3.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: 'Inter Medium';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  ascent-override: 90%; 
  descent-override: 22%; 
  line-gap-override: 0%;   
  src: url('https://fonts.gstatic.com/s/inter/v20/UcCo3FwrK3iLTcviYwYZ8UA3.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: 'Inter Bold';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  ascent-override: 90%; 
  descent-override: 22%; 
  line-gap-override: 0%;   
  src: url('https://fonts.gstatic.com/s/inter/v20/UcCo3FwrK3iLTcviYwYZ8UA3.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 {
  /* Fonts */ 
  --font-inter: 'Inter Regular', sans-serif;
  --font-inter-med: 'Inter Medium', sans-serif;
  --font-inter-bold: 'Inter Bold', sans-serif; 
  --font-bluescreen: 'TT Bluescreens', sans-serif;  
  --font-bluescreen-semi: 'TT Bluescreens Semi-Bold', sans-serif;  
  --font-bluescreen-bold: 'TT Bluescreens Bold', sans-serif;
  --font-fjalla-one: 'Fjalla One Regular', sans-serif;

  /* Breakpoints */
  --breakpoint-phone: 640px;
  --breakpoint-tablet: 1280px;
  --breakpoint-home-mobile: 992px;

  /* Base spacing */
  --base-spacing: 0.25rem;

  /* Colors */
  --white: #ffffff;
  --black: #000000;
  --primary: #ffd338;
  --secondary: #321855;
  --primary-main-red: #F4313F;
  --primary-main-red-hover: var(--text-foreground-secondary); 
  --secondary-main-blue: #224287;
  --secondary-main-blue-hover: #9DB3E5;
  --neutral-background: #F5F9FB;
  --neutral-subtext-on-white: #969298;
  --text-foreground-secondary: #372C35;
  --text-foreground-secondary-hover: var(--primary-main-red);
  --text-background-secondary: #F5F9FB;
  --text-single-post:#706A70;
  --white-marble:#E8E8E8;
  --footer-background: #001744;
  --sidebar-blue: #081961;
  --header-blue: #11267E;
  --category-color-alt: rgba(255, 150, 157, 0.30);
  --meta-color-alt: rgba(55, 44, 53, 0.70);
  --neutral-sub-text-on-white: rgba(55, 44, 53, 0.50);

  /* Extra colors (optional, you can add more as needed) */
  --bright-gold: #FFCC19;
  --ocean-blue: #093FB0;
  --blue-angel: #B2CDE6;
  --mulled-wine: #474E68;
  --green-snake: #76C130;
  --accent-red: #FF0000;
  --success: #2CB67D;
  --warning: #FF9800;
  --error: #EF4E4E;
  --gray-300: #D0D5DD;
  --backdrop-dark: rgba(0, 0, 0, 0.4);
  --backdrop-light: rgba(255, 255, 255, 0.77);

  /* Layout */
  --static-header-height: 9.375rem;
  --main-content-width: min(100%, 87.9375rem);
  --hp-content-width: min(95%, 87.9375rem);
  --info-content-width: min(95%, 65.25rem);

  --social-share-gap: 20px;
  --blog-social-share-gap: 6px;
  --viewport-horizon-padding:10px;
}

@media (min-width:1024px) {
  :root {
    --viewport-horizon-padding:0px;
    --social-share-gap: 40px;
    --blog-social-share-gap: 15px;
  }
}