@font-face {
  font-family: "Gotham Narrow";
  src: url("https://pandefra.local/wp-content/uploads/2025/04/GothamNarrow-Thin.woff") format("woff"),
    url("https://pandefra.local/wp-content/uploads/2025/04/GothamNarrow-Thin.woff2") format("woff2")
    ;
  font-weight: 250;
  font-style: normal;
}
@font-face {
  font-family: "Gotham Narrow";
  src: url("https://pandefra.local/wp-content/uploads/2025/04/GothamNarrow-ThinItalic.woff") format("woff"),
    url("https://pandefra.local/wp-content/uploads/2025/04/GothamNarrow-ThinItalic.woff2") format("woff2")
    ;
  font-weight: 250;
  font-style: italic;
}
@font-face {
  font-family: "Gotham Narrow";
  src: url("https://pandefra.local/wp-content/uploads/2025/04/GothamNarrow-XLight.woff") format("woff"),
    url("https://pandefra.local/wp-content/uploads/2025/04/GothamNarrow-XLight.woff2") format("woff2")
    ;
  font-weight: 275;
  font-style: normal;
}
@font-face {
  font-family: "Gotham Narrow";
  src: url("https://pandefra.local/wp-content/uploads/2025/04/GothamXNarrow-XLight.woff") format("woff"),
    url("https://pandefra.local/wp-content/uploads/2025/04/GothamXNarrow-XLight.woff2") format("woff2")
    ;
  font-weight: 275;
  font-style: normal;
}
@font-face {
  font-family: "Gotham Narrow";
  src: url("https://pandefra.local/wp-content/uploads/2025/04/GothamXNarrow-XLightItalic.woff") format("woff"),
    url("https://pandefra.local/wp-content/uploads/2025/04/GothamXNarrow-XLightItalic.woff2") format("woff2")
    ;
  font-weight: 275;
  font-style: italic;
}
@font-face {
  font-family: "Gotham Narrow";
  src: url("https://pandefra.local/wp-content/uploads/2025/04/GothamNarrow-Light.woff") format("woff"),
    url("https://pandefra.local/wp-content/uploads/2025/04/GothamNarrow-Light.woff2") format("woff2")
    ;
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: "Gotham Narrow";
  src: url("https://pandefra.local/wp-content/uploads/2025/04/GothamNarrow-LightItalic.woff") format("woff"),
    url("https://pandefra.local/wp-content/uploads/2025/04/GothamNarrow-LightItalic.woff2") format("woff2")
    ;
  font-weight: 300;
  font-style: italic;
}
@font-face {
  font-family: "Gotham Narrow";
  src: url("https://pandefra.local/wp-content/uploads/2025/04/GothamNarrow-Book.woff") format("woff"),
    url("https://pandefra.local/wp-content/uploads/2025/04/GothamNarrow-Book.woff2") format("woff2")
    ;
  font-weight: 325;
  font-style: normal;
}
@font-face {
  font-family: "Gotham Narrow";
  src: url("https://pandefra.local/wp-content/uploads/2025/04/GothamNarrow-BookItalic.woff") format("woff"),
    url("https://pandefra.local/wp-content/uploads/2025/04/GothamNarrow-BookItalic.woff2") format("woff2")
    ;
  font-weight: 325;
  font-style: italic;
}
@font-face {
  font-family: "Gotham Narrow";
  src: url("https://pandefra.local/wp-content/uploads/2025/04/GothamNarrow-Medium.woff") format("woff"),
    url("https://pandefra.local/wp-content/uploads/2025/04/GothamNarrow-Medium.woff2") format("woff2")
    ;
  font-weight: 350;
  font-style: normal;
}
@font-face {
  font-family: "Gotham Narrow";
  src: url("https://pandefra.local/wp-content/uploads/2025/04/GothamNarrow-MediumItalic.woff") format("woff"),
    url("https://pandefra.local/wp-content/uploads/2025/04/GothamNarrow-MediumItalic.woff2") format("woff2")
    ;
  font-weight: 350;
  font-style: italic;
}
@font-face {
  font-family: "Gotham Narrow";
  src: url("https://pandefra.local/wp-content/uploads/2025/04/GothamNarrow-Bold.woff") format("woff"),
    url("https://pandefra.local/wp-content/uploads/2025/04/GothamNarrow-Bold.woff2") format("woff2")
    ;
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "Gotham Narrow";
  src: url("https://pandefra.local/wp-content/uploads/2025/04/GothamNarrow-BoldItalic.woff") format("woff"),
    url("https://pandefra.local/wp-content/uploads/2025/04/GothamNarrow-BoldItalic.woff2") format("woff2")
    ;
  font-weight: 400;
  font-style: italic;
}
@font-face {
  font-family: "Gotham Narrow";
  src: url("https://pandefra.local/wp-content/uploads/2025/04/GothamNarrow-Black.woff") format("woff"),
    url("https://pandefra.local/wp-content/uploads/2025/04/GothamNarrow-Black.woff2") format("woff2")
    ;
  font-weight: 450;
  font-style: normal;
}
@font-face {
  font-family: "Gotham Narrow";
  src: url("https://pandefra.local/wp-content/uploads/2025/04/GothamNarrow-BlackItalic.woff") format("woff"),
    url("https://pandefra.local/wp-content/uploads/2025/04/GothamNarrow-BlackItalic.woff2") format("woff2")
    ;
  font-weight: 450;
  font-style: italic;
}
@font-face {
  font-family: "Gotham Narrow";
  src: url("https://pandefra.local/wp-content/uploads/2025/04/GothamNarrow-Ultra.woff") format("woff"),
    url("https://pandefra.local/wp-content/uploads/2025/04/GothamNarrow-Ultra.woff2") format("woff2")
    ;
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: "Gotham Narrow";
  src: url("https://pandefra.local/wp-content/uploads/2025/04/GothamNarrow-UltraItalic.woff") format("woff"),
    url("https://pandefra.local/wp-content/uploads/2025/04/GothamNarrow-UltraItalic.woff2") format("woff2")
    ;
  font-weight: 500;
  font-style: italic;
}

:root {
  --navbar-height: 4.5rem;
  
  /* Colors */
  --color-focaccia: rgb(65, 40, 128);
  --color-segale: rgb(209, 35, 132);
  --color-brioche: rgb(251, 248, 216);
  --color-baguette: rgb(246, 243, 239);
  --color-pizza: rgb(193, 193, 193);
  --color-shop: rgb(209, 35, 132);
  --color-shop-70: rgb(209, 85, 153);
  --color-shop-20: rgb(209, 144, 176);
  --color-dark: rgb(17, 25, 40);
  --color-dark-2: rgb(31, 42, 55);
  --color-dark-3: rgb(55, 65, 81);
  --color-dark-4: rgb(75, 85, 99);
  --color-dark-5: rgb(107, 114, 128);
  --color-dark-6: rgb(156, 163, 175);
  --color-dark-7: rgb(209, 213, 219);
  --color-dark-8: rgb(229, 231, 235);
  --color-stroke: rgb(130, 130, 130);
  --color-gray: rgb(249, 250, 251);
  --color-gray-2: rgb(243, 244, 246);
  --color-gray-3: rgb(229, 231, 235);
  --color-gray-4: rgb(222, 226, 230);
  --color-gray-5: rgb(206, 212, 218);
  --color-gray-6: rgb(206, 212, 218);
  --color-gray-7: rgb(206, 212, 218);
  --color-black: rgb(0, 0, 0);
  --color-white: rgb(255, 255, 255);
  --color-transparent: transparent;

  /* Typography */
    --text--font-family: "", sans-serif;
  --text--font-weight: ;
  --text--font-size: rem;
  --text--line-height: rem;
      --text-heading-h1-font-family: "Raleway", sans-serif;
  --text-heading-h1-font-weight: 700;
  --text-heading-h1-font-size: 3.75rem;
  --text-heading-h1-line-height: 4.5rem;
      --text-heading-h2-font-family: "Raleway", sans-serif;
  --text-heading-h2-font-weight: 600;
  --text-heading-h2-font-size: 3rem;
  --text-heading-h2-line-height: 3.625rem;
      --text-heading-h3-font-family: "Raleway", sans-serif;
  --text-heading-h3-font-weight: 700;
  --text-heading-h3-font-size: 2.5rem;
  --text-heading-h3-line-height: 3rem;
      --text-heading-h4-font-family: "Roboto Condensed", sans-serif;
  --text-heading-h4-font-weight: 700;
  --text-heading-h4-font-size: 1.875rem;
  --text-heading-h4-line-height: 2.375rem;
      --text-heading-h5-font-family: "Roboto Condensed", sans-serif;
  --text-heading-h5-font-weight: 400;
  --text-heading-h5-font-size: 1.75rem;
  --text-heading-h5-line-height: 2rem;
      --text-heading-h6-font-family: "Inconsolata", sans-serif;
  --text-heading-h6-font-weight: 400;
  --text-heading-h6-font-size: 1.5rem;
  --text-heading-h6-line-height: 1.875rem;
      --text-body-large-regular-font-family: "Work Sans", sans-serif;
  --text-body-large-regular-font-weight: 400;
  --text-body-large-regular-font-size: 1.125rem;
  --text-body-large-regular-line-height: 1.625rem;
      --text-body-large-medium-font-family: "Work Sans", sans-serif;
  --text-body-large-medium-font-weight: 500;
  --text-body-large-medium-font-size: 1.125rem;
  --text-body-large-medium-line-height: 1.625rem;
      --text-body-large-semibold-font-family: "Work Sans", sans-serif;
  --text-body-large-semibold-font-weight: 600;
  --text-body-large-semibold-font-size: 1.125rem;
  --text-body-large-semibold-line-height: 1.625rem;
      --text-body-large-bold-font-family: "Work Sans", sans-serif;
  --text-body-large-bold-font-weight: 700;
  --text-body-large-bold-font-size: 1.125rem;
  --text-body-large-bold-line-height: 1.625rem;
      --text-body-medium-regular-font-family: "Work Sans", sans-serif;
  --text-body-medium-regular-font-weight: 400;
  --text-body-medium-regular-font-size: 1rem;
  --text-body-medium-regular-line-height: 1.5rem;
      --text-body-medium-medium-font-family: "Raleway", sans-serif;
  --text-body-medium-medium-font-weight: 700;
  --text-body-medium-medium-font-size: 1rem;
  --text-body-medium-medium-line-height: 1.5rem;
      --text-body-medium-semibold-font-family: "Work Sans", sans-serif;
  --text-body-medium-semibold-font-weight: 600;
  --text-body-medium-semibold-font-size: 1rem;
  --text-body-medium-semibold-line-height: 1.5rem;
      --text-body-medium-bold-font-family: "Work Sans", sans-serif;
  --text-body-medium-bold-font-weight: 700;
  --text-body-medium-bold-font-size: 1rem;
  --text-body-medium-bold-line-height: 1.5rem;
      --text-body-small-regular-font-family: "Work Sans", sans-serif;
  --text-body-small-regular-font-weight: 400;
  --text-body-small-regular-font-size: 0.875rem;
  --text-body-small-regular-line-height: 1.375rem;
      --text-body-small-medium-font-family: "Work Sans", sans-serif;
  --text-body-small-medium-font-weight: 500;
  --text-body-small-medium-font-size: 0.875rem;
  --text-body-small-medium-line-height: 1.375rem;
      --text-h3-special-01-font-family: "Inconsolata", sans-serif;
  --text-h3-special-01-font-weight: 300;
  --text-h3-special-01-font-size: 2.5rem;
  --text-h3-special-01-line-height: 3rem;
      --text-h3-special-02-font-family: "Inria Serif", sans-serif;
  --text-h3-special-02-font-weight: 400;
  --text-h3-special-02-font-size: 2.5rem;
  --text-h3-special-02-line-height: 3rem;
      --text-h3-special-03-font-family: "Inria Serif", sans-serif;
  --text-h3-special-03-font-weight: 400;
  --text-h3-special-03-font-size: 2.5rem;
  --text-h3-special-03-line-height: 3rem;
      --text-h3-special-04-font-family: "Roboto Slab", sans-serif;
  --text-h3-special-04-font-weight: 400;
  --text-h3-special-04-font-size: 2.5rem;
  --text-h3-special-04-line-height: 3rem;
      --text-h3-special-05-font-family: "Inconsolata", sans-serif;
  --text-h3-special-05-font-weight: 500;
  --text-h3-special-05-font-size: 7.5rem;
  --text-h3-special-05-line-height: 6.75rem;
      --text-h3-special-06-font-family: "Inria Serif", sans-serif;
  --text-h3-special-06-font-weight: 400;
  --text-h3-special-06-font-size: 5rem;
  --text-h3-special-06-line-height: 5rem;
      --text-h3-special-07-font-family: "Inconsolata", sans-serif;
  --text-h3-special-07-font-weight: 500;
  --text-h3-special-07-font-size: 5rem;
  --text-h3-special-07-line-height: 5rem;
        --text-menu-item-typography-font-family: "Raleway", sans-serif;
  --text-menu-item-typography-font-weight: 700;
  --text-menu-item-typography-font-size: 1rem;
  --text-menu-item-typography-line-height: 1rem;
  
/* Buttons */
  --button-primary-bg: var(--color-segale);;
  --button-primary-bg-hover: var(--color-transparent);;
  --button-primary-border: var(--color-segale);;
  --button-primary-border-hover: var(--color-transparent);;
  --button-primary-text: var(--color-white);;
  --button-primary-text-hover: var(--color-white);;
  --button-secondary-bg: var(--color-white);;
  --button-secondary-bg-hover: var(--color-transparent);;
  --button-secondary-border: var(--color-segale);;
  --button-secondary-border-hover: var(--color-transparent);;
  --button-secondary-text: var(--color-segale);;
  --button-secondary-text-hover: var(--color-segale);;
  --button-tertiary-bg: var(--color-transparent);;
  --button-tertiary-bg-hover: var(--color-focaccia);;
  --button-tertiary-border: var(--color-transparent);;
  --button-tertiary-border-hover: var(--color-focaccia);;
  --button-tertiary-text: var(--color-segale);;
  --button-tertiary-text-hover: var(--color-white);;


}
@media screen and (max-width: 1024px) {
  :root {
              --text-heading-h1-font-family: Raleway;
          --text-heading-h1-font-size: 3rem;
        --text-heading-h1-line-height: 3.5rem;
            --text-heading-h2-font-size: 2.5rem;
        --text-heading-h2-line-height: 2.75rem;
            --text-heading-h3-font-size: 2rem;
        --text-heading-h3-line-height: 2.5rem;
            --text-heading-h4-font-size: 1.75rem;
        --text-heading-h4-line-height: 2rem;
            --text-heading-h5-font-size: 1.5rem;
        --text-heading-h5-line-height: 1.75rem;
                                                                                                                                    --text-h3-special-05-font-size: 3.875rem;
        --text-h3-special-05-line-height: 3.4875rem;
            --text-h3-special-06-font-size: 3rem;
        --text-h3-special-06-line-height: 3rem;
            --text-h3-special-07-font-size: 3rem;
        --text-h3-special-07-line-height: 3rem;
                --text-menu-item-typography-font-family: Raleway;
        --text-menu-item-typography-font-weight: 700;
        --text-menu-item-typography-font-size: 1rem;
        --text-menu-item-typography-line-height: 1rem;
    }
}