/* ---------- EUDA DESIGN TOKENS ---------- */

/* Warm editorial — refined */
[data-palette="warm"] {
  --euda-bg: #faf5ec;
  --euda-bg-2: #f3ece0;
  --euda-surface: #fffdf8;
  --euda-surface-2: #f9f1e4;
  --euda-surface-3: #f2e8d6;
  --euda-ink: #1f2a25;
  --euda-ink-2: #3a4842;
  --euda-muted: #6a7570;
  --euda-line: rgba(31, 42, 37, 0.09);
  --euda-line-strong: rgba(31, 42, 37, 0.18);
  --euda-accent: #c48a5a;          /* champagne */
  --euda-accent-ink: #9e6b3f;
  --euda-accent-soft: #f0d9bf;
  --euda-sage: #87967a;
  --euda-sage-soft: #d5dcc9;
  --euda-rose: #d6a69a;
  --euda-rose-soft: #eed6cf;
  --euda-gold: #b58a3f;
  --euda-danger: #b5544a;
  --euda-danger-soft: #f4dad6;
  --euda-success: #6e8b5c;
  --euda-success-soft: #d5e3c7;
  --euda-warn: #c99a3a;
  --euda-warn-soft: #f4e5c1;
  --euda-hero-grad: linear-gradient(135deg, #d4a373 0%, #c48a5a 55%, #a36a3d 100%);
  --euda-ink-grad: linear-gradient(135deg, #2b3a33 0%, #1f2a25 100%);
  --euda-paper-grad: linear-gradient(180deg, #fffdf8 0%, #f6ecd9 100%);
  color-scheme: light;
}

/* Cool (default) — eucalyptus + dust blue, suptilnije */
:root,
[data-palette="cool"] {
  --euda-drawer-wide: 45rem;
  --euda-bg: #f1f3ef;
  --euda-bg-2: #e7ebe6;
  --euda-surface: #fafcf9;
  --euda-surface-2: #edf0eb;
  --euda-surface-3: #dde2da;
  --euda-ink: #1c2520;
  --euda-ink-2: #36423c;
  --euda-muted: #6a7470;
  --euda-line: rgba(28, 37, 32, 0.09);
  --euda-line-strong: rgba(28, 37, 32, 0.18);
  --euda-accent: #6f8475;          /* eucalyptus */
  --euda-accent-ink: #4f6557;
  --euda-accent-soft: #d4ddd2;
  --euda-sage: #6f8475;
  --euda-sage-soft: #cfd9cd;
  --euda-rose: #a99893;
  --euda-rose-soft: #e0d6d2;
  --euda-gold: #897b50;
  --euda-danger: #99564c;
  --euda-danger-soft: #e8d5d0;
  --euda-success: #5f7d68;
  --euda-success-soft: #cedcce;
  --euda-warn: #ad8d4e;
  --euda-warn-soft: #ecddc1;
  --euda-hero-grad: linear-gradient(135deg, #9aac9a 0%, #6f8475 50%, #4d6256 100%);
  --euda-ink-grad: linear-gradient(135deg, #2a3530 0%, #1c2520 100%);
  --euda-paper-grad: linear-gradient(180deg, #fafcf9 0%, #e6ece4 100%);
}

/* Mono — editorial black-on-paper */
[data-palette="mono"] {
  --euda-bg: #f4f1ea;
  --euda-bg-2: #ebe7de;
  --euda-surface: #ffffff;
  --euda-surface-2: #f1ede3;
  --euda-surface-3: #e6e1d4;
  --euda-ink: #151411;
  --euda-ink-2: #2e2c27;
  --euda-muted: #6b665d;
  --euda-line: rgba(21, 20, 17, 0.12);
  --euda-line-strong: rgba(21, 20, 17, 0.24);
  --euda-accent: #151411;
  --euda-accent-ink: #000;
  --euda-accent-soft: #dfd9ca;
  --euda-sage: #6c6657;
  --euda-sage-soft: #d8d2c3;
  --euda-rose: #b39990;
  --euda-rose-soft: #e2d4ce;
  --euda-gold: #3a3832;
  --euda-danger: #8a3a30;
  --euda-danger-soft: #e5ccc6;
  --euda-success: #425338;
  --euda-success-soft: #cfd4c1;
  --euda-warn: #7a6324;
  --euda-warn-soft: #e8dcb7;
  --euda-hero-grad: linear-gradient(135deg, #2a2824 0%, #151411 100%);
  --euda-ink-grad: linear-gradient(135deg, #2a2824 0%, #151411 100%);
  --euda-paper-grad: linear-gradient(180deg, #ffffff 0%, #e9e3d4 100%);
}

/* Dark mode — layered on top of any palette */
[data-theme="dark"] {
  --euda-bg: #15181a;
  --euda-bg-2: #1d2123;
  --euda-surface: #1f2426;
  --euda-surface-2: #262c2e;
  --euda-surface-3: #2f3638;
  --euda-ink: #f4ecde;
  --euda-ink-2: #d9d2c4;
  --euda-muted: #948f86;
  --euda-line: rgba(244, 236, 222, 0.09);
  --euda-line-strong: rgba(244, 236, 222, 0.2);
  --euda-paper-grad: linear-gradient(180deg, #272c2e 0%, #1c2022 100%);
  color-scheme: dark;
}
[data-theme="dark"][data-palette="warm"] {
  --euda-accent: #d9a879;
  --euda-accent-ink: #eabd91;
  --euda-accent-soft: rgba(217, 168, 121, 0.16);
  --euda-hero-grad: linear-gradient(135deg, #3a2a1c 0%, #6b4628 55%, #8d5e33 100%);
}
[data-theme="dark"][data-palette="cool"] {
  --euda-accent: #a3b794;
  --euda-accent-ink: #bdd0ae;
  --euda-accent-soft: rgba(163, 183, 148, 0.16);
  --euda-hero-grad: linear-gradient(135deg, #223026 0%, #3a4d34 55%, #55704b 100%);
}
[data-theme="dark"][data-palette="mono"] {
  --euda-accent: #e8dfcd;
  --euda-accent-ink: #fff;
  --euda-accent-soft: rgba(232, 223, 205, 0.12);
  --euda-hero-grad: linear-gradient(135deg, #2a2824 0%, #151411 100%);
}

/* ---------- GLOBAL RESETS + BASELINE ---------- */
* { box-sizing: border-box; }
html, body { height: 100%; margin: 0; }
body {
  font-family: var(--euda-font-body, 'Inter', 'Segoe UI', system-ui, sans-serif);
  font-size: 15px;
  line-height: 1.55;
  color: var(--euda-ink);
  background: var(--euda-bg);
  -webkit-font-smoothing: antialiased;
  font-feature-settings: "ss01", "cv11";
}
h1, h2, h3, h4, h5 {
  font-family: var(--euda-font-display, 'Fraunces', 'Playfair Display', Georgia, serif);
  font-weight: 500;
  letter-spacing: -0.01em;
  color: var(--euda-ink);
  margin: 0;
}
h1 { font-size: clamp(2rem, 4vw, 3rem); line-height: 1.02; letter-spacing: -0.02em; }
h2 { font-size: 1.5rem; line-height: 1.15; }
h3 { font-size: 1.15rem; line-height: 1.25; }
p { margin: 0; color: var(--euda-ink-2); }

.eyebrow {
  font-family: var(--euda-font-body, 'Inter', sans-serif);
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: var(--euda-muted);
}

button { font-family: inherit; cursor: pointer; }
a { color: inherit; }

.tabular { font-variant-numeric: tabular-nums; }

/* Scrollbars — editorial restrained */
::-webkit-scrollbar { width: 10px; height: 10px; }
::-webkit-scrollbar-track { background: transparent; }
::-webkit-scrollbar-thumb { background: var(--euda-line-strong); border-radius: 999px; }

/* Utility */
.hide-scrollbar { scrollbar-width: none; }
.hide-scrollbar::-webkit-scrollbar { display: none; }