/**
 * ==========================================================================
 * BHALOI REVIEWS — OFFICIAL BRAND COLOR PALETTE & DESIGN TOKENS
 * Derived directly from official bhaloi.com_logo.png (#001941 Navy & #FF7701 Orange)
 * ==========================================================================
 */

:root {
    /* ----------------------------------------------------------------------
       1. OFFICIAL BHALOI BRAND PALETTE (Extracted from bhaloi.com_logo.png)
       ---------------------------------------------------------------------- */
    /* Deep Navy Blue (The logo wordmark & 'b' body) */
    --bhaloi-navy-deep: #001941;     /* Primary brand navy */
    --bhaloi-navy-core: #0A2B66;     /* Interactive navy */
    --bhaloi-navy-hover: #00122E;    /* Darker navy on hover */
    --bhaloi-navy-faint: #EEF4FF;    /* Ultra-light navy tint */
    --bhaloi-navy-border: #D0E1FD;   /* Soft navy outline */
    --bhaloi-navy-glow: rgba(0, 25, 65, 0.16);

    /* Vibrant Orange / Tangerine (The smile checkmark, dots & '.com') */
    --bhaloi-orange-core: #FF7701;   /* Primary energetic CTA & star accent */
    --bhaloi-orange-hover: #E66800;  /* Button hover state */
    --bhaloi-orange-dark: #CC5C00;   /* Deep orange */
    --bhaloi-orange-faint: #FFF4EB;  /* Warm orange pill & card tint */
    --bhaloi-orange-border: #FFD2B0; /* Soft orange outline */
    --bhaloi-orange-glow: rgba(255, 119, 1, 0.28);

    /* Verified Trust Green (Standard semantic badge for verified purchases) */
    --bhaloi-trust-green: #059669;
    --bhaloi-trust-bg: #ECFDF5;
    --bhaloi-trust-border: #A7F3D0;

    /* ----------------------------------------------------------------------
       2. LUMINOUS LIGHT CANVAS & ELEVATION
       ---------------------------------------------------------------------- */
    --bg-0: #F8FAFC;                 /* Clean daylight canvas */
    --bg-1: #F1F5F9;                 /* Section contrast */
    --bg-2: #FFFFFF;                 /* Crisp white card surface */
    --bg-3: #FFFFFF;                 /* Elevated card surface */
    --bg-elevated: #FFFFFF;

    /* ----------------------------------------------------------------------
       3. HIGH-CONTRAST TYPOGRAPHY (Deep Slate matching #001941 tone)
       ---------------------------------------------------------------------- */
    --text-hi: #001941;              /* Deep Navy text for headings and brand focus */
    --text-mid: #334155;             /* Body copy & Bengali text */
    --text-low: #64748B;             /* Secondary metadata & timestamps */
    --text-muted: #94A3B8;           /* Subtle placeholders */

    /* ----------------------------------------------------------------------
       4. STARS & RATINGS
       ---------------------------------------------------------------------- */
    --gold-core: #FF7701;            /* Matches Bhaloi vibrant orange checkmark */
    --gold-hover: #E66800;
    --gold-light: #FFF4EB;
    --gold-border: #FFD2B0;
    --gold-glow: rgba(255, 119, 1, 0.25);

    /* ----------------------------------------------------------------------
       5. SEMANTIC STATUS BADGES
       ---------------------------------------------------------------------- */
    --status-verified: var(--bhaloi-trust-green);
    --status-verified-bg: var(--bhaloi-trust-bg);
    --status-verified-border: var(--bhaloi-trust-border);

    --status-critical: #E11D48;      /* Rose Red for 1-star / report */
    --status-critical-bg: #FFF1F2;
    --status-critical-border: #FECDD3;

    --status-guest: #475569;         /* Slate */
    --status-guest-bg: #F1F5F9;
    --status-guest-border: #CBD5E1;

    /* ----------------------------------------------------------------------
       6. BORDERS & SHADOWS
       ---------------------------------------------------------------------- */
    --border-subtle: #E2E8F0;
    --border-card: #E2E8F0;
    --border-hover: #CBD5E1;
    --border-focus: var(--bhaloi-orange-core);

    --shadow-subtle: 0 1px 3px rgba(0, 0, 0, 0.05), 0 1px 2px rgba(0, 0, 0, 0.03);
    --shadow-card: 0 4px 20px -2px rgba(0, 25, 65, 0.07), 0 2px 6px -1px rgba(0, 25, 65, 0.03);
    --shadow-card-hover: 0 12px 32px -4px rgba(0, 25, 65, 0.12), 0 4px 12px -2px rgba(0, 25, 65, 0.06);
    --shadow-button-primary: 0 4px 14px rgba(255, 119, 1, 0.38), inset 0 1px 0 rgba(255, 255, 255, 0.25);
    --shadow-button-hover: 0 6px 20px rgba(255, 119, 1, 0.48), inset 0 1px 0 rgba(255, 255, 255, 0.35);

    /* ----------------------------------------------------------------------
       7. RADII HIERARCHY
       ---------------------------------------------------------------------- */
    --radius-xs: 4px;
    --radius-sm: 8px;
    --radius-md: 12px;
    --radius-card: 16px;
    --radius-lg: 20px;
    --radius-xl: 28px;
    --radius-pill: 9999px;

    /* ----------------------------------------------------------------------
       8. TYPOGRAPHY SCALES
       ---------------------------------------------------------------------- */
    --font-bengali: 'Hind Siliguri', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
    --font-display: 'Plus Jakarta Sans', 'Outfit', 'Hind Siliguri', sans-serif;
    --font-mono: 'Space Mono', SFMono-Regular, monospace;

    --lh-body: 1.70;
    --lh-heading: 1.30;

    --text-2xs: 0.72rem;
    --text-xs: 0.825rem;
    --text-sm: 0.925rem;
    --text-base: 1rem;
    --text-md: 1.125rem;
    --text-lg: 1.35rem;
    --text-xl: 1.75rem;
    --text-2xl: 2.25rem;
    --text-hero: clamp(2.2rem, 5vw, 4.2rem);

    /* ----------------------------------------------------------------------
       9. MOTION TIMINGS
       ---------------------------------------------------------------------- */
    --speed-fast: 160ms;
    --speed-normal: 260ms;
    --speed-slow: 400ms;
    --ease-smooth: cubic-bezier(0.16, 1, 0.3, 1);
    --ease-spring: cubic-bezier(0.34, 1.56, 0.64, 1);

    /* ----------------------------------------------------------------------
       10. BACKWARD COMPATIBILITY VARIABLES
       ---------------------------------------------------------------------- */
    --color-primary: var(--bhaloi-orange-core);
    --color-primary-hover: var(--bhaloi-orange-hover);
    --color-primary-light: var(--bhaloi-orange-faint);
    --color-accent: var(--bhaloi-orange-core);
    --color-accent-light: var(--bhaloi-orange-faint);
    --color-navy: var(--bhaloi-navy-deep);
    --color-pop: var(--bhaloi-orange-core);
    --color-ink: var(--text-hi);
    --color-ink-secondary: var(--text-mid);
    --color-ink-muted: var(--text-low);
    --color-ink-faint: var(--text-muted);
    --color-paper: var(--bg-0);
    --color-paper-alt: var(--bg-1);
    --color-surface: var(--bg-2);
    --color-verified: var(--status-verified);
    --color-verified-bg: var(--status-verified-bg);
    --color-danger: var(--status-critical);
    --color-danger-bg: var(--status-critical-bg);

    --emerald-core: var(--bhaloi-orange-core);
    --emerald-deep: var(--bhaloi-navy-deep);
    --emerald-hover: var(--bhaloi-orange-hover);
    --emerald-faint: var(--bhaloi-orange-faint);
    --emerald-border: var(--bhaloi-orange-border);
    --emerald-glow: var(--bhaloi-orange-glow);

    --border-ink-normal: 1px solid var(--border-card);
    --border-ink-thick: 1.5px solid var(--border-card);
    --shadow-hard: var(--shadow-card);
    --shadow-hard-sm: var(--shadow-subtle);
    --shadow-hard-md: var(--shadow-card);
    --shadow-hard-lg: var(--shadow-card-hover);
}