/* ========================================================================
   COLOURS, FONTS & GLOBAL RESET
   ---------------------------------------------------------------------
   Yahan site ke saare COLOURS aur basic settings hain.
   Colour badalna ho to sirf yahan badlo — poori site apne aap update ho jayegi.
   
     --bg       = page ka background
     --text     = main text colour
     --gold     = accent colour (buttons, highlights, lines)
     --border   = halki lines / borders
   
   Light mode ke colours  :root { ... } ke andar
   Dark  mode ke colours  [data-theme="dark"] { ... } ke andar
   ===================================================================== */

[data-theme="light"]{
  --bg:        #F9F6EF;
  --bg2:       #F0EBE0;
  --bg3:       #E6DFD0;
  --surface:   #FFFFFF;
  --border:    #DDD5C2;
  --border2:   #C8BCA5;
  --text:      #18150D;
  --text2:     #52493A;
  --text3:     #9C9080;
  --red:       #B81C1C;
  --red2:      #D42020;
  --red-bg:    #F9ECEC;
  --gold:      #B8892A;
  --gold2:     #D4A840;
  --gold-bg:   #FBF4E2;
  --nav-bg:    rgba(249,246,239,0.94);
  --shadow:    0 4px 40px rgba(24,21,13,0.09);
  --shadow2:   0 16px 60px rgba(24,21,13,0.15);
}

/* ── DARK MODE COLOURS ─────────────────────────────────────── */
[data-theme="dark"]{
  --bg:        #0C0A07;
  --bg2:       #131109;
  --bg3:       #1A1710;
  --surface:   #161410;
  --border:    #28241A;
  --border2:   #38332A;
  --text:      #EDE8DC;
  --text2:     #A09070;
  --text3:     #60543E;
  --red:       #D42020;
  --red2:      #E83535;
  --red-bg:    #200808;
  --gold:      #C8902A;
  --gold2:     #DBA83C;
  --gold-bg:   #1E1608;
  --nav-bg:    rgba(12,10,7,0.96);
  --shadow:    0 4px 40px rgba(0,0,0,0.5);
  --shadow2:   0 16px 60px rgba(0,0,0,0.7);
}

/* ── RESET — browser ke default margin/padding hatata hai ──── */
*,*::before,*::after{margin:0;padding:0;box-sizing:border-box;}

/* ── HTML & BODY — base font, background, smooth scroll ────── */
html{scroll-behavior:smooth;}
body{
  font-family:'Jost',sans-serif;font-weight:300;
  background:var(--bg);color:var(--text);
  overflow-x:hidden;
  transition:background .4s ease,color .4s ease;
  cursor:none;
}
html,body{max-width:100%;}

/* ── LIGHT MODE COLOURS — yahan badlo to light theme badlega ──── */
:root{--sh:rgba(184,137,42,.26);}
[data-theme="dark"]{--sh:rgba(200,144,42,.30);}
[data-theme="dark"] .lg-l{display:none;}
[data-theme="dark"] .lg-d{display:block;}
[data-theme="dark"] .cli img{filter:grayscale(1) brightness(1.9) contrast(.85);opacity:.6;}
[data-theme="dark"] .cli:hover img{filter:brightness(1.5);opacity:1;}
:root .lg{display:block;height:100%;width:auto;object-fit:contain;}
:root .lg-d{display:none;}
:root[data-theme="dark"] .lg-l{display:none;}
:root[data-theme="dark"] .lg-d{display:block;}
:root .nav-logo{display:flex;align-items:center;height:44px;gap:0;}
:root .nav-logo img{height:44px;width:auto;object-fit:contain;}
:root .pm-nav2 .nav-logo,:root .pm-nav2 .nav-logo img{height:38px;}
:root .ft-logo img,:root .footer-logo img{height:50px;width:auto;object-fit:contain;}