/* Flowbite generate-theme: brand #8d97a8, dark metallic 무한궤도 */
:root {
  color-scheme: dark;
  --font-sans: Inter, ui-sans-serif, system-ui, sans-serif;
  --radius-base: 12px;
  --color-heading: #e8eaef;
  --color-body: #9da5b4;
  --color-fg-brand: #7d889c;
  --color-fg-brand-subtle: #d9dbde;
  --color-brand: #636f82;
  --color-brand-soft: #2c313a;
  --color-brand-strong: #525b6b;
  --color-brand-subtle: #2c313a;
  --color-dark-backdrop: #0b0d12;
  --color-default: #3e4551;
  --color-buffer: #0b0d12;
}

html,
body {
  background: var(--color-dark-backdrop);
  color: var(--color-heading);
  font-family: var(--font-sans);
}

.metal-cta {
  background: linear-gradient(180deg, #d7dde8 0%, #8d97a8 48%, #5c6574 100%);
  color: #11141a;
  font-weight: 700;
  border-radius: var(--radius-base);
}

.metal-cta:hover {
  filter: brightness(1.06);
}