html, body, #root { min-height: 100%; }
body { margin: 0; background: var(--color-base-100); }
* { box-sizing: border-box; }

/* ---- Eirven visual refinements (global; no layout changes) ---- */

/* Refined typography: subtle tracking on headings, tighter rendering */
body { -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; }
h1, h2, h3, h4 { letter-spacing: 0.015em; }

/* Brand wordmark: elegant spaced uppercase serif treatment in crest gold */
.eirven-wordmark {
  font-family: 'Iowan Old Style', 'Palatino Linotype', Palatino, Georgia, 'Times New Roman', serif;
  font-weight: 600;
  letter-spacing: 0.32em;
  text-transform: uppercase;
  color: var(--color-primary);
}

/* Cards: subtle warm-gold hairline borders, soft layered shadows */
.card {
  border: 1px solid color-mix(in srgb, #d3aa4e 12%, transparent);
  box-shadow: 0 1px 2px rgb(0 0 0 / 0.35), 0 10px 28px -16px rgb(0 0 0 / 0.55);
}

/* Tab bar: charcoal track with a gold active indicator */
.tabs-box {
  border: 1px solid color-mix(in srgb, #d3aa4e 10%, transparent);
  background: var(--color-base-200);
}
.tabs-box .tab { color: color-mix(in srgb, var(--color-base-content) 62%, transparent); }
.tabs-box .tab.tab-active {
  background: var(--color-base-100);
  color: var(--color-primary);
  font-weight: 600;
  box-shadow: inset 0 -2px 0 var(--color-primary), 0 1px 2px rgb(0 0 0 / 0.35);
}

/* Progress and range elements pick up crest gold */
progress.progress { color: var(--color-primary); }