/* ============================================================
   GIFT3D Factory Theme — Main Stylesheet with Light/Dark/Cream
   gift3dfactory.com
   ============================================================ */

*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}

/* ── CSS VARIABLES — Light (default for home/shop) ── */
:root{
  --red:#BA1812;--red2:#8B0000;
  --gold:#C9A96E;--gold2:#E2C99A;--gold3:#9A7A45;
  --bg:#FFFFFF;--bg2:#F7F4F0;--bg3:#F0EBE3;
  --surface:#FFFFFF;--surface2:#F5F2EE;
  --border:rgba(0,0,0,0.09);--border-accent:rgba(186,24,18,0.2);
  --text:#1A1A1A;--text2:#333333;--text3:#555555;
  --muted:#767676;--muted2:#999999;
  --nav-bg:rgba(255,255,255,0.97);--nav-border:rgba(186,24,18,0.25);--nav-text:#1A1A1A;
  --card-bg:#FFFFFF;--card-border:rgba(0,0,0,0.08);--card-hover:rgba(186,24,18,0.25);
  --footer-bg:#1A1A1A;--footer-border-color:#BA1812;--footer-text:#888888;
  --review-bg:#F5F2EE;--review-border:rgba(0,0,0,0.06);
  --modal-bg:#FFFFFF;--modal-border:rgba(186,24,18,0.18);
  --input-bg:#F5F5F5;--input-border:rgba(0,0,0,0.12);
  --toast-bg:#1A1A1A;--toast-border:#BA1812;--toast-text:#FFFFFF;
  --serif:'Cormorant Garamond',serif;--title:'Black Ops One',cursive;--sans:'Montserrat',sans-serif;
  --product-accent:var(--red);
}

/* ── DARK MODE ── */
html.dark{
  --bg:#080808;--bg2:#111111;--bg3:#171717;
  --surface:#171717;--surface2:#1F1F1F;
  --border:rgba(255,255,255,0.06);--border-accent:rgba(186,24,18,0.18);
  --text:#F5F0E8;--text2:#E0DBD0;--text3:#AAAAAA;
  --muted:#777777;--muted2:#555555;
  --nav-bg:rgba(8,8,8,0.97);--nav-border:rgba(186,24,18,0.2);--nav-text:#F5F0E8;
  --card-bg:#171717;--card-border:rgba(186,24,18,0.08);--card-hover:rgba(186,24,18,0.28);
  --footer-bg:#111111;--footer-border-color:rgba(186,24,18,0.15);--footer-text:#555555;
  --review-bg:#1F1F1F;--review-border:rgba(255,255,255,0.04);
  --modal-bg:#171717;--modal-border:rgba(201,169,110,0.2);
  --input-bg:#0A0A0A;--input-border:rgba(201,169,110,0.15);
  --toast-bg:#171717;--toast-border:#9A7A45;--toast-text:#F5F0E8;
}

/* ── CREAM MODE — AATHAAR default ── */
html.cream{
  --bg:#FAF7F2;--bg2:#F5F0E8;--bg3:#EDE8DF;
  --surface:#FAF7F2;--surface2:#F0EBE3;
  --border:rgba(154,122,69,0.14);--border-accent:rgba(154,122,69,0.25);
  --text:#1A1A1A;--text2:#333333;--text3:#555555;
  --muted:#777777;--muted2:#999999;
  --nav-bg:rgba(250,247,242,0.97);--nav-border:rgba(154,122,69,0.3);--nav-text:#1A1A1A;
  --card-bg:#FFFFFF;--card-border:rgba(154,122,69,0.12);--card-hover:rgba(154,122,69,0.3);
  --footer-bg:#1A1A1A;--footer-border-color:#9A7A45;--footer-text:#666666;
  --review-bg:#F0EBE3;--review-border:rgba(154,122,69,0.1);
  --modal-bg:#FAF7F2;--modal-border:rgba(201,169,110,0.25);
  --input-bg:#F0EBE3;--input-border:rgba(154,122,69,0.2);
  --toast-bg:#1A1A1A;--toast-border:#9A7A45;--toast-text:#FFFFFF;
  --product-accent:var(--gold3);
}

/* ── AATHAAR DARK MODE ── */
html.aathaar-dark{
  --bg:#080808;--bg2:#0D0D0D;--bg3:#131313;
  --surface:#131313;--surface2:#1A1A1A;
  --border:rgba(201,169,110,0.08);--border-accent:rgba(201,169,110,0.15);
  --text:#F5F0E8;--text2:#E0DBD0;--text3:#AAAAAA;
  --muted:#666666;--muted2:#444444;
  --nav-bg:rgba(8,8,8,0.97);--nav-border:rgba(201,169,110,0.15);--nav-text:#F5F0E8;
  --card-bg:#131313;--card-border:rgba(201,169,110,0.08);--card-hover:rgba(201,169,110,0.25);
  --footer-bg:#0A0A0A;--footer-border-color:rgba(201,169,110,0.12);--footer-text:#444444;
  --review-bg:#1A1A1A;--review-border:rgba(201,169,110,0.06);
  --modal-bg:#1A1A1A;--modal-border:rgba(201,169,110,0.2);
  --input-bg:#080808;--input-border:rgba(201,169,110,0.15);
  --toast-bg:#1A1A1A;--toast-border:#9A7A45;--toast-text:#F5F0E8;
  --product-accent:var(--gold3);
}

/* ── THEME TOGGLE ── */
.theme-toggle{background:none;border:1px solid var(--border-accent);color:var(--text);cursor:pointer;width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1rem;transition:all .2s;flex-shrink:0}
.theme-toggle:hover{background:var(--border-accent)}
