/* ══════════════════════════════════════════════
   THEME VARIABLES
══════════════════════════════════════════════ */
:root {
  --accent:     #d4a853;
  --accent2:    #b8914a;
  --amber:      #d4a853;
  --accent-bg:  rgba(212,168,83,0.10);
  --green:      #4caf82;
  --green-bg:   rgba(76,175,130,0.10);
  --red:        #e05252;
  --red-bg:     rgba(224,82,82,0.10);
  --blue:       #5b9bd5;
  --blue-bg:    rgba(91,155,213,0.10);
  --purple:     #a78bfa;
  --purple-bg:  rgba(167,139,250,0.10);
  --radius:     13px;
  --radius-sm:  8px;
  --font:       'DM Sans', sans-serif;
  --font-serif: 'DM Serif Display', serif;
  --ease-spring:cubic-bezier(0.22,1,0.36,1);
  --ease-snap:  cubic-bezier(0.34,1.56,0.64,1);
}
[data-theme="dark"] {
  --bg:       #0f0f0f;
  --bg1:      #131313;
  --bg2:      #161616;
  --bg3:      #1e1e1e;
  --bg4:      #252525;
  --bg5:      #2d2d2d;
  --border:   rgba(255,255,255,0.07);
  --border2:  rgba(255,255,255,0.13);
  --text:     #f0ede8;
  --text2:    #9a9690;
  --text3:    #5c5a57;
  --shadow:   rgba(0,0,0,0.5);
  --land-bg:  #0a0a0a;
}
[data-theme="light"] {
  --bg:       #f5f3ef;
  --bg1:      #f8f6f2;
  --bg2:      #ffffff;
  --bg3:      #f0ede8;
  --bg4:      #e8e4de;
  --bg5:      #dedad3;
  --border:   rgba(0,0,0,0.08);
  --border2:  rgba(0,0,0,0.15);
  --text:     #1a1816;
  --text2:    #6b6560;
  --text3:    #9a9690;
  --shadow:   rgba(0,0,0,0.12);
  --land-bg:  #faf8f5;
}

/* ══════════════════════════════════════════════
   RESET
══════════════════════════════════════════════ */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}
html{scroll-behavior:smooth;}
body{font-family:var(--font);background:var(--bg);color:var(--text);min-height:100vh;overflow-x:hidden;transition:background .3s,color .3s;}
a{color:var(--accent);text-decoration:none;}
a:hover{text-decoration:underline;}
::-webkit-scrollbar{width:4px;height:4px;}
::-webkit-scrollbar-track{background:transparent;}
::-webkit-scrollbar-thumb{background:var(--bg5);border-radius:2px;}
input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;}
input[type=number]{--moz-appearance:textfield;}