/* ── VARIABLES ── */
:root {
  --bg:#faf8f5; --surface:#fff; --border:#ece8e1; --border-mid:#d9d3c8;
  --text:#1c1916; --text-2:#6b6258; --text-3:#a89f96;
  --gold:#c17f24; --gold-light:#fdf6e9; --gold-mid:#d4952d;
  --orange:#c45c1a; --orange-light:#fef2eb;
  --red:#b91c1c; --red-light:#fef2f2;
  --green:#15803d; --green-light:#f0fdf4;
  --blue:#1d4ed8; --blue-light:#eff6ff;
  --amber:#b45309; --amber-light:#fffbeb;
  --r:10px; --r-sm:6px;
  --shadow-md:0 4px 16px rgba(0,0,0,.1);
}

/* ── RESET ── */
*{box-sizing:border-box;margin:0;padding:0;}
body{font-family:'DM Sans',sans-serif;background:var(--bg);color:var(--text);min-height:100vh;}

/* ── UTILITIES ── */
.loading{text-align:center;padding:50px 20px;color:var(--text-3);}
.spin{width:28px;height:28px;border:2px solid var(--border);border-top-color:var(--gold);border-radius:50%;animation:spin .7s linear infinite;margin:0 auto 10px;}
@keyframes spin{to{transform:rotate(360deg);}}

.toast{position:fixed;bottom:20px;right:20px;padding:9px 15px;border-radius:var(--r-sm);font-size:12px;font-weight:500;z-index:200;transform:translateY(50px);opacity:0;transition:all .25s;max-width:340px;line-height:1.4;}
.toast.show{transform:translateY(0);opacity:1;}
.toast.info{background:var(--text);color:white;}
.toast.success{background:var(--green);color:white;}
.toast.error{background:var(--red);color:white;}
.toast.warn{background:var(--amber);color:white;}