:root {
  --color-bg: #050b16;
  --color-surface: #0b1628;
  --color-surface-strong: #101f36;
  --color-border: #f4c400;
  --color-text: #ffffff;
  --color-text-muted: #b9c3d3;
  --color-accent: #f4c400;
  --color-danger: #c53b3b;
  --color-success: #22a447;

  --font-family-base: Arial, Helvetica, sans-serif;

  --radius-small: 8px;
  --radius-medium: 14px;
  --radius-large: 20px;

  --shadow-panel: 0 10px 30px rgba(0, 0, 0, 0.35);
  --transition-fast: 160ms ease;
}

*,
*::before,
*::after {
  box-sizing: border-box;
}

html {
  min-height: 100%;
  background: var(--color-bg);
}

body {
  min-height: 100vh;
  margin: 0;
  font-family: var(--font-family-base);
  color: var(--color-text);
  background: var(--color-bg);
}

button,
input,
select,
textarea {
  font: inherit;
}

button {
  cursor: pointer;
}

img {
  display: block;
  max-width: 100%;
}

a {
  color: inherit;
  text-decoration: none;
}

[hidden] {
  display: none !important;
}