/* ==========================================================================
   PANDIT JI ON WAY — BASE CSS
   Modular Design Tokens, Reset & Layout Utilities
   Scoped strictly under .pjo-homepage and body.home
   ========================================================================== */

/* Reset OceanWP main container padding on homepage only */
body.home #main.site-main {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

/* Scoped Design Tokens */
.pjo-homepage {
    --pjo-primary: #c2410c;         /* Saffron / Bhagwa Deep */
    --pjo-primary-hover: #9a3412;
    --pjo-primary-light: #ffedd5;
    --pjo-primary-glow: rgba(194, 65, 12, 0.2);

    --pjo-gold: #d97706;            /* Vedic Golden Amber */
    --pjo-gold-dark: #b45309;
    --pjo-gold-light: #fef3c7;
    --pjo-gold-glow: rgba(217, 119, 6, 0.25);

    --pjo-slate-950: #090d16;
    --pjo-slate-900: #0f172a;       /* Midnight Temple Slate */
    --pjo-slate-800: #1e293b;
    --pjo-slate-700: #334155;
    --pjo-slate-600: #475569;
    --pjo-slate-500: #64748b;
    --pjo-slate-400: #94a3b8;
    --pjo-slate-300: #cbd5e1;

    --pjo-bg-main: #fffdf9;         /* Warm Off-White / Sacred Linen */
    --pjo-bg-secondary: #fff7ed;    /* Subtle saffron tint */
    --pjo-bg-card: #ffffff;
    --pjo-border-light: #f5ebe0;
    --pjo-border-gold: rgba(217, 119, 6, 0.2);

    --pjo-font-heading: 'Outfit', 'Cinzel', serif;
    --pjo-font-body: 'Outfit', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    --pjo-font-accent: 'Cinzel', serif;

    --pjo-container-max: 1240px;
    --pjo-radius-sm: 8px;
    --pjo-radius-md: 14px;
    --pjo-radius-lg: 20px;
    --pjo-radius-xl: 30px;

    --pjo-shadow-sm: 0 2px 8px rgba(15, 23, 42, 0.04);
    --pjo-shadow-md: 0 8px 24px -4px rgba(15, 23, 42, 0.07), 0 4px 12px -2px rgba(194, 65, 12, 0.04);
    --pjo-shadow-lg: 0 16px 36px -6px rgba(15, 23, 42, 0.1), 0 8px 20px -4px rgba(217, 119, 6, 0.08);
    --pjo-shadow-glow: 0 10px 30px -5px rgba(194, 65, 12, 0.25);

    --pjo-transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1);

    font-family: var(--pjo-font-body);
    color: var(--pjo-slate-800);
    background-color: var(--pjo-bg-main);
    line-height: 1.6;
    width: 100%;
    overflow-x: hidden;
    position: relative;
}

/* Scoped Box-Sizing */
.pjo-homepage,
.pjo-homepage * {
    box-sizing: border-box;
}

/* Scoped Container Utility */
.pjo-homepage .pjo-container {
    width: 100%;
    max-width: var(--pjo-container-max);
    margin-left: auto;
    margin-right: auto;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
}

/* Scoped Typography */
.pjo-homepage h1,
.pjo-homepage h2,
.pjo-homepage h3,
.pjo-homepage h4 {
    font-family: var(--pjo-font-heading);
    color: var(--pjo-slate-900);
    margin: 0;
    line-height: 1.25;
}

.pjo-homepage p {
    margin: 0;
}

.pjo-homepage a {
    color: inherit;
    text-decoration: none;
    transition: var(--pjo-transition);
}