/*
Theme Name: ParthaOS Shades by PRDS
Theme URI: https://prdigitalsolutions.org
Author: mepremjagtap | 8779312795
Author URI: https://mepremjagtap.com
Description: A high-performance, plugin-less lead generation engine & lightweight CRM. Built with a custom Fusion UI (Claymorphism + Glassmorphism 2.0).
Version: 1.0.0
Text Domain: shade-fusion
*/

:root {
    /* ========================================================
       1. THE FOUNDATION: CLAYMORPHISM (Soft 3D Extrusion)
       ======================================================== */
    --bg-base: #f0f3f8; /* Solid light-gray base */
    
    /* Clay Physics: Shadows */
    /* Light top-left highlight, dark diffuse bottom-right shadow */
    --clay-shadow-rest: 
        -8px -8px 16px rgba(255, 255, 255, 0.9),
        8px 8px 16px rgba(166, 180, 200, 0.4);
        
    /* Slightly expanded for hover states */
    --clay-shadow-hover: 
        -12px -12px 20px rgba(255, 255, 255, 0.95),
        12px 12px 20px rgba(166, 180, 200, 0.35);
        
    /* Haptic Inset: The physical "press" optical illusion */
    --clay-shadow-active: 
        inset -4px -4px 8px rgba(255, 255, 255, 0.9),
        inset 4px 4px 8px rgba(166, 180, 200, 0.4);
        
    --clay-radius-lg: 24px; /* Heavy, touchable cards */
    --clay-radius-md: 16px; /* Buttons and inputs */
    --clay-radius-sm: 8px;  /* Minor elements */

    /* ========================================================
       2. THE ACCENT: GLASSMORPHISM 2.0 (Frosted Translucency)
       ======================================================== */
    --glass-bg-light: rgba(255, 255, 255, 0.45);
    --glass-bg-dark: rgba(26, 31, 43, 0.65);
    
    /* 1px physical glass edge */
    --glass-border: 1px solid rgba(255, 255, 255, 0.4);
    --glass-border-dark: 1px solid rgba(255, 255, 255, 0.1);
    
    /* Performance degradation setup: Heavy blur for desktop, lighter for mobile */
    --glass-blur-desktop: blur(24px);
    --glass-blur-mobile: blur(12px);

    /* ========================================================
       3. TYPOGRAPHY & BRAND COLORS
       ======================================================== */
    --text-main: #1a1f2b; /* Deep slate, not pure black */
    --text-muted: #5e6b82;
    --accent-red: #8B0000; /* Pulled from logo curtain */
    --accent-wa: #25D366;  /* WhatsApp Green */

    /* Fluid Typography Scale (Scales perfectly without media queries) */
    --fs-h1: clamp(2.5rem, 5vw, 4.5rem);
    --fs-h2: clamp(2rem, 4vw, 3.5rem);
    --fs-h3: clamp(1.5rem, 3vw, 2rem);
    --fs-body: 1rem;
    --fs-small: 0.875rem;

    /* Layout constraints */
    --container-max: 1200px;
    --spacing-sm: 1rem;
    --spacing-md: 2rem;
    --spacing-lg: 4rem;
}

/* ========================================================
   4. SYSTEM RESET & BASE STYLES
   ======================================================== */
*, *::before, *::after {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

html {
    scroll-behavior: smooth;
    font-size: 16px;
}

body {
    background-color: var(--bg-base);
    color: var(--text-main);
    font-family: 'Inter', system-ui, -apple-system, sans-serif;
    line-height: 1.6;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    overflow-x: hidden; /* Prevent horizontal scroll from heavy shadows */
}

h1, h2, h3, h4, h5, h6 {
    line-height: 1.2;
    font-weight: 700;
    color: var(--text-main);
}

a {
    text-decoration: none;
    color: inherit;
    transition: all 0.2s ease-in-out;
}

img, picture, svg {
    display: block;
    max-width: 100%;
}

button, input, textarea, select {
    font: inherit;
    border: none;
    outline: none;
    background: transparent;
}