:root {
      --bg-color: #040509;
      --bg-elevated: #0b0e16;
      --accent: #4fa3ff;
      --accent-alt: #ff8a4a;
      --accent-soft: rgba(79, 163, 255, 0.12);
      --text-main: #f5f5f7;
      --text-muted: #9da3b4;
      --border-subtle: rgba(255, 255, 255, 0.06);
      --radius-xl: 22px;
      --radius-full: 999px;
      --transition-fast: 0.22s ease;
      --shadow-soft: 0 18px 45px rgba(0, 0, 0, 0.65);
      --max-width: 1320px;
      --gap: 1.2rem;
      --font-sans: system-ui, -apple-system, BlinkMacSystemFont,
        -system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    }

    * {
      box-sizing: border-box;
    }

    body {
      margin: 0;
      padding: 0;
      background-color: var(--bg-color);
      color: var(--text-main);
      font-family: var(--font-sans);
      -webkit-font-smoothing: antialiased;
      display: flex;
      justify-content: center;
      min-height: 100vh;
    }

    gauroman-app {
      width: 100%;
      min-height: 100vh;
    }