/* Global Styles - Battle Forge */
@use './styles/tokens';
@use './styles/workspace';
@use './styles/dm-settings';

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

html,
body {
  width: 100%;
  height: 100%;
  background:
    radial-gradient(ellipse at 50% -20%, rgba(201, 168, 76, 0.06), transparent 55%),
    radial-gradient(ellipse at top, var(--bf-bg-base) 0%, var(--bf-bg-deep) 75%);
  color: var(--bf-text-primary);
  font-family: var(--bf-font-body);
  -webkit-font-smoothing: antialiased;
}

h1,
h2,
h3,
h4 {
  font-family: var(--bf-font-display);
  letter-spacing: 0.02em;
}

app-root {
  display: flex;
  width: 100%;
  height: 100%;
}

router-outlet + * {
  flex: 1;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
}

button,
input,
select {
  font-family: inherit;
  color: inherit;
}

select {
  color-scheme: dark;
}

select option,
select optgroup {
  background: #17110b;
  color: #fff0c7;
}

select option:disabled {
  color: #b8aa91;
}

/* Scrollbar Styles */
::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}

::-webkit-scrollbar-track {
  background: transparent;
}

::-webkit-scrollbar-thumb {
  background: var(--bf-gold-dim);
  border-radius: 5px;

  &:hover {
    background: var(--bf-gold);
  }
}

/* Utility Classes */
.text-gold {
  color: var(--bf-gold-bright);
}

.text-shadow-gold {
  text-shadow: 0 2px 10px rgba(241, 196, 15, 0.35);
}

.bf-build-signature {
  margin: 0;
  color: var(--bf-text-muted);
  font-family: var(--bf-font-body);
  font-size: clamp(0.68rem, 1.5vw, 0.82rem);
  font-style: italic;
  letter-spacing: 0.08em;
  opacity: 0.72;
}