:root {
  --text: #f6f2e8;
  --muted: rgba(246, 242, 232, 0.62);
  --subtle: rgba(246, 242, 232, 0.42);
  --accent: #e1b75e;
  --accent-hover: #f2ca74;
  --accent-bg: rgba(225, 183, 94, 0.14);
  --accent-border: rgba(225, 183, 94, 0.42);
  --accent-contrast: #0d0e10;
}

:root[data-theme="light"] {
  --accent: #a87920;
  --accent-hover: #8f661b;
  --accent-bg: rgba(168, 121, 32, 0.13);
  --accent-border: rgba(168, 121, 32, 0.38);
  --accent-contrast: #ffffff;
}

.login-screen {
  background:
    radial-gradient(circle at 82% 8%, rgba(225, 183, 94, 0.12), transparent 36%),
    var(--bg);
}

.login-card {
  border-color: rgba(225, 183, 94, 0.24);
  box-shadow: 0 24px 70px rgba(0, 0, 0, 0.34);
}