/*
 * This is a manifest file that'll be compiled into application.css.
 *
 * With Propshaft, assets are served efficiently without preprocessing steps. You can still include
 * application-wide styles in this file, but keep in mind that CSS precedence will follow the standard
 * cascading order, meaning styles declared later in the document or manifest will override earlier ones,
 * depending on specificity.
 *
 * Consider organizing styles into separate files for maintainability.
 */

:root {
  color-scheme: dark;
  --bg: #0b0f13;
  --panel: #111821;
  --panel-strong: #151f2b;
  --text: #e5edf5;
  --muted: #9fb0c2;
  --accent: #f59e0b;
  --accent-strong: #fbbf24;
  --border: #1f2a38;
  --shadow: 0 24px 60px rgba(0, 0, 0, 0.45);
}

body {
  background: radial-gradient(circle at 20% 20%, #121a24 0%, #0b0f13 40%, #07090c 100%);
  color: var(--text);
  font-family: "Manrope", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

h1, h2, h3, h4, h5, h6 {
  font-family: "video", "Space Grotesk", "Manrope", system-ui, sans-serif;
  text-transform: uppercase;
  letter-spacing: 0.02em;
}

a {
  color: inherit;
}