/*
Theme Name:  Dubai
Theme URI:   https://balidubai.com
Author:      Bali Dubai
Author URI:  https://balidubai.com
Description: Luxury Bali travel theme for Dubai discerning travellers. Editorial,
             immersive, SEO-SILO architecture with Tailwind v4, Vite, Swiper, PhotoSwipe.
Version:     1.0.0
Requires at least: 6.3
Tested up to:      6.7
Requires PHP:      8.1
License:           Proprietary
Text Domain:       dubai
Tags: custom-menu, custom-logo, featured-images, tailwindcss, luxury, travel
*/

/*
 * FOUC Prevention — CSS custom properties loaded immediately, before Vite bundle.
 * This prevents a flash of unstyled content for background colors and font families.
 * The full design system lives in src/css/main.css compiled by Vite.
 */

:root {
    --color-obsidian:       #1A0A00;
    --color-obsidian-light: #2D1A0A;
    --color-gold:           #D4A843;
    --color-gold-light:     #E8C070;
    --color-gold-dark:      #B88A2A;
    --color-sand:           #F5EDD8;
    --color-sand-alt:       #EDE2C6;
    --color-terracotta:     #C4622D;
    --color-sage:           #6B7B5E;
    --color-sage-light:     #8A9E7A;
    --color-warm-white:     #FEFCF8;
    --color-muted:          #8A7A6A;

    --font-serif: 'Playfair Display', Georgia, 'Times New Roman', serif;
    --font-sans:  'Inter', system-ui, -apple-system, sans-serif;
}

/* Minimal base to prevent FOUC */
body {
    margin: 0;
    background-color: var(--color-warm-white);
    font-family: var(--font-sans);
    color: var(--color-obsidian);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* Skip-to-content link for accessibility */
.skip-to-content {
    position: absolute;
    left: -9999px;
    z-index: 999;
    padding: 0.75rem 1.5rem;
    background: var(--color-gold);
    color: var(--color-obsidian);
    font-weight: 600;
    text-decoration: none;
}
.skip-to-content:focus {
    left: 1rem;
    top: 1rem;
}