:root{
  /* Core palette */
  --bg-0: #050808;          /* near-black */
  --bg-1: #061012;          /* blue-black */
  --bg-2: #06140e;          /* green-black */
  --panel: rgba(255,255,255,.04);
  --panel-2: rgba(255,255,255,.06);
  --border: rgba(255,255,255,.10);

  /* Gold (deep, warm, non-yellow) */
  --gold-0: #f3e2b3;        /* light highlight */
  --gold-1: #d6b46a;        /* main gold */
  --gold-2: #9a7a34;        /* deep gold */
  --gold-glow: rgba(214,180,106,.22);

  /* System green (dark cyber) */
  --cyber-1: #00ff88;
  --cyber-dim: rgba(0,255,136,.18);

  /* Text */
  --text: rgba(255,255,255,.88);
  --muted: rgba(255,255,255,.68);
  --soft: rgba(255,255,255,.52);

  /* Layout */
  --radius: 18px;
  --radius-sm: 12px;
  --shadow: 0 18px 60px rgba(0,0,0,.55);
  --max: 1120px;

  /* Type */
  --font: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, "Apple Color Emoji","Segoe UI Emoji";
  --mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;

  /* Spacing */
  --s1: 8px;
  --s2: 12px;
  --s3: 16px;
  --s4: 22px;
  --s5: 28px;
  --s6: 36px;
  --s7: 48px;
  --s8: 72px;
}

/* Base reset-ish */
* { box-sizing: border-box; }
html, body { height: 100%; }
body{
  margin: 0;
  font-family: var(--font);
  color: var(--text);
  background:
    radial-gradient(1200px 600px at 15% 10%, rgba(214,180,106,.06), transparent 60%),
    radial-gradient(900px 500px at 80% 0%, rgba(0,255,136,.05), transparent 55%),
    linear-gradient(180deg, var(--bg-1), var(--bg-2) 55%, var(--bg-0));
  line-height: 1.5;
}
a{ color: inherit; text-decoration: none; }
img{ max-width: 100%; display: block; }