/* assets/css/style.css */
:root {
  --bg: #1c1c1e;
  --fg: #e5e5e5;
}

/* Reset */
* { box-sizing: border-box; }

html, body {
  height: 100%;
}

body {
  margin: 0;
  background: var(--bg);
  color: var(--fg);
  font-family: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif;
}

/* subtle X grid background */
body::before{
  content:"";
  position:fixed; inset:0;
  background:
    var(--bg)
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='64' height='64' viewBox='0 0 64 64'%3E%3Cg stroke='%23262628' stroke-opacity='0.4' stroke-linecap='round' stroke-width='1.5'%3E%3Cpath d='M28 28 L36 36 M36 28 L28 36'/%3E%3C/g%3E%3C/svg%3E")
    center/192px 192px repeat;
  z-index:0;
  pointer-events:none;
}
.wrap { position: relative; z-index: 1; } /* keep logo above */

.wrap {
  min-height: 100svh;
  display: grid;
  place-items: center;
  padding: 24px;
}

.logo {
  width: min(90vw, 400px);
  height: auto;
  line-height: 0; /* avoid extra whitespace */
}

/* Ensure the supplied SVG renders in the exact foreground color requested */
.logo .st0 { fill: var(--fg) !important; }

/* Optional: smooth rendering on some browsers */
svg { shape-rendering: geometricPrecision; text-rendering: geometricPrecision; }