/*
Theme Name: YellowSquare
Theme URI: https://example.com/yellowsquare
Author: YellowSquare
Description: A bold, responsive YellowSquare hostel, coworking and events landing-page theme with robust color fallbacks.
Version: 1.1.0
Requires at least: 6.0
Tested up to: 6.8
Requires PHP: 7.4
License: GPL-2.0-or-later
Text Domain: yellowsquare
*/

/* --- CSS Root Variables & Fallbacks --- */
:root {
    --ys-yellow: #FFEE00;
    --ys-black: #000000;
    --ys-green: #22C55E;
    --ys-coral: #FF6B6B;
    --ys-purple: #C4B5FD;
    --ys-blue: #60A5FA;
}

body {
    font-family: 'Inter', sans-serif;
    background-color: #F3F4F6;
    color: #000000;
    overflow-x: hidden;
    margin: 0;
}

/* Explicit Color Utilities with Hardcoded Fallbacks */
.bg-ysYellow { background-color: #FFEE00 !important; color: #000000 !important; }
.bg-ysBlack { background-color: #000000 !important; color: #FFFFFF !important; }
.bg-ysGreen { background-color: #22C55E !important; color: #000000 !important; }
.bg-ysCoral { background-color: #FF6B6B !important; color: #FFFFFF !important; }
.bg-ysPurple { background-color: #C4B5FD !important; color: #000000 !important; }
.bg-ysBlue { background-color: #60A5FA !important; color: #FFFFFF !important; }

.text-ysYellow { color: #FFEE00 !important; }
.text-ysBlack { color: #000000 !important; }
.text-ysGreen { color: #22C55E !important; }
.text-ysCoral { color: #FF6B6B !important; }
.text-ysPurple { color: #C4B5FD !important; }
.text-ysBlue { color: #60A5FA !important; }

.border-ysYellow { border-color: #FFEE00 !important; }
.border-ysBlack { border-color: #000000 !important; }
.border-ysGreen { border-color: #22C55E !important; }

.sticker-rotate-1 { transform: rotate(-8deg); }
.sticker-rotate-2 { transform: rotate(6deg); }
.sticker-rotate-3 { transform: rotate(-4deg); }
html { scroll-behavior: smooth; }