@font-face {
  font-family: "angelone";
  src: url("/fonts/angelone-font/Angelone-2vXp8.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

.angelone_font {
  font-family: "angelone";
}






:root {
    --color-primary: #d73953;
    --text-color: var(--color-primary);
    /* --font-family-base: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    --font-family-title: "Raleway", "Helvetica Neue", Helvetica, Arial, sans-serif;
    --font-size-small: 1.2rem;
    --font-size-medium: 1.6rem;
    --font-size-large: 1.8rem;
    --font-size-x-large: 2.3rem;
    --font-size-xx-large: 4.8rem; */
    --navbar_height: calc(5vh + 1.85vw);


    --default-font:"Roboto", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    --font-amatic: 'Amatic SC', cursive;

    --mt-green-primary: #152621;   /* deep forest glaze */
    --mt-green-accent:  #2E5246;   /* mid forest */
    --mt-green-highlight: #4C7A67; /* jade highlight */

    --mt-orange-primary: #D65A2A;  /* sign lettering */
    --mt-orange-accent: #f74b06; 
    --mt-orange-deep:    #B4471F;

    --mt-cream: #F4F4F0;
    --mt-charcoal: #0e0e0d;
    --mt-gold-accent: #D9B36C;
}
@media(orientation:portrait){
    :root {
        --navbar_height: calc(7vh + 1.85vw);
    }
}

/* ===== MILLION THAI — CORE BRAND PALETTE ===== */
/* :root {
  --mt-green-primary: #3A6B3F;
  --mt-green-accent: #4F8A52;

  --mt-orange-primary: #D65A2A;
  --mt-orange-deep: #B4471F;

  --mt-cream: #F4F4F0;
  --mt-charcoal: #2A2A28;
  --mt-gold-accent: #D9B36C;
} */
/* ===== MILLION THAI — FLAVORFUL ENERGY PALETTE ===== */
/* :root {
  --mt-green-primary: #4F8A52;
  --mt-green-accent: #1F3A22;

  --mt-orange-primary: #E86A32;
  --mt-orange-deep: #C0392B;

  --mt-cream: #FFF7EB;
  --mt-charcoal: #2A2A28;
  --mt-gold-accent: #D9B36C;
} */
/* ===== MILLION THAI — NOSTALGIC HOME PALETTE ===== */
/* :root {
  --mt-green-primary: #6E8F6A;
  --mt-green-accent: #4F7F78;

  --mt-orange-primary: #C96A3A;
  --mt-orange-deep: #7A5A3A;

  --mt-cream: #FAF5ED;
  --mt-charcoal: #2A2A28;
  --mt-gold-accent: #D9B36C; 
} */

/* :root {
  --mt-green-primary: #1F3A32;   /* deep forest glaze * /
  --mt-green-accent:  #2E5246;   /* mid forest * /
  --mt-green-highlight: #4C7A67; /* jade highlight * /

  --mt-orange-primary: #D65A2A;  /* sign lettering * /
  --mt-orange-deep:    #B4471F;

  --mt-cream: #F4F4F0;
  --mt-charcoal: #2A2A28;
  --mt-gold-accent: #D9B36C;



} */



* {
    padding: 0;
    margin: 0;
    box-sizing: border-box;
}

body {
    width: 100vw;
    height: fit-content;
    overflow-x: hidden;
}


section {
    width: 100vw;
    min-height: fit-content;
    height: 100vh;
    /* background-color: antiquewhite; */
}




h1 {
    font-size: calc(1vh + 2.2vw);
  /* font-size: calc(3.25rem + 2vh); */

    /* color: white; */
    user-select: none;
    font-family: var(--default-font);
}

h2 {
    font-size: calc(1vh + 1vw);
    /* color: white; */
    text-align: center;
    user-select: none;
    /* font-family: "custom_playball"; */
}

h3 {
    font-size: calc(3.5vh + 1.5vw);
    /* font-family: "custom_playball"; */
    text-shadow: 2px 3px 6px rgba(0,0,0,.5);
}

h4 {
    font-size: calc(3vh + 1vw);
}

h5 {
    font-size: calc(1vh + 1vw);
    /* font-family: "custom_Vollkorn_semi_bold"; */
}

h6 {
    font-size: calc(1vh + .92vw);
    /* font-size: 5px; */
    line-height: 1.7;   /* range 1.55-1.6 for body text */
    font-family: var(--default-font);

}

p {
    font-size: calc(0.99vh + 0.8vw);
    /* max-width: 65ch; */
    line-height: 1.6;   /* range 1.55-1.6 */

    /* font-family: "custom_ModerataserifMedium"; */
    font-family: var(--default-font);





    /* font-weight: 400; */
    letter-spacing: 0.01em; /* subtle, improves clarity */
    /* alternative if it's still kind of tight */
    /* letter-spacing: 0.015em; */
}

a {
    /* font-size: calc(1.7vh + 1vw); */
    font-size: 2em;
    /* color: inherit;        use parent’s text color */
    text-decoration: none; /* remove underline */

    /* font-style: "Inter", sans-serif; */
    /* font-family: "custom_playball"; */
    /* color: rgba(var(--primary_c2a)); */
    color: rgb(0, 0, 0);
}






.c2a {
    visibility: inherit;
}


.supress_display {
    display: none;
}


@media(orientation:portrait){

    .desktop_only {
        display:none
    }
}

@media(orientation:landscape){
    .mobile_only {
        display: none;
    }

}