@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;600;700&display=swap');
:root {
  --font-family: "Playfair Display", serif;
  --brand-logo: url("https://thumbs.paysite.com/assets/logo_1766599561117.png");
  --color-base-100: #FFFFFF;
  --color-base-200: #F2F2F2;
  --color-base-300: #E0E0E0;
  --color-base-content: #000000;
  --color-primary: #D4A14D;
  --color-primary-content: #FFFFFF;
  --color-secondary: #B8860B;
  --color-secondary-content: #FFFFFF;
  --color-accent: #FFD700;
  --color-accent-content: #000000;
  --radius-selector: 0.5rem;
  --radius-field: 0.5rem;
  --radius-box: 0.8rem;
  --size-selector: 4px;
  --size-field: 4px;
  --size-grid-item-margin: 10px;
  --border-border: 1px;
  --depth-depth: 1;
  --noise-noise: 0;
}


 /* CSS for home */

:root {

    /* Items Per Row */
    --items-content-per-row: 1;
    --items-featured-per-row: 2;
    --items-model-per-row: 2;
    --items-perks-per-row: 1;

    /* Home Layout Control */
    --home-sections-layout: "hero" "featured" "videos" "models" "perks" "upcoming";
    --home-hide-hero: block;
    --home-hide-featured: block;
    --home-hide-videos: block;
    --home-hide-models: block;
    --home-hide-perks: block;
    --home-hide-upcoming: block;
    
    /* VOD Control */
    --hide-vod: flex;
}
@media(min-width: 768px) {
    :root {
        --items-content-per-row: 2;
        --items-featured-per-row: 3;
        --items-model-per-row: 3;
        --items-perks-per-row: 2;
    }
}
@media(min-width: 1024px) {
    :root {
        --items-content-per-row: 3;
        --items-featured-per-row: 3;
        --items-model-per-row: 6;
        --items-perks-per-row: 4;
    }
}
@media(min-width: 1440px) {
    :root {
        --items-content-per-row: 3;
        --items-featured-per-row: 3;
        --items-model-per-row: 6;
        --items-perks-per-row: 4;
        --size-container-max-width: 1440px;
    }
}
@media(min-width: 2560px) {
    :root {
        --size-container-max-width: 2560px;
    }
}