:root {
  --sgn-background: #000000;
  --sgn-background-alt: #07080D;
  --sgn-white: #F7F8FC;
  --sgn-ink: #101525;
  --sgn-cyan: #14D7FF;
  --sgn-blue: #566DFF;
  --sgn-violet: #9B4DFF;
  --sgn-magenta: #F04AD8;
  --sgn-gradient: linear-gradient(100deg, var(--sgn-magenta) 0%, var(--sgn-violet) 50%, var(--sgn-cyan) 100%);

  /* Final-freeze shared surfaces: dedicated hubs must consume these instead of
     inventing local black boxes, borders or one-off neon colors. */
  --sgn-surface-0: rgba(7, 8, 13, .78);
  --sgn-surface-1: rgba(10, 12, 19, .84);
  --sgn-surface-2: rgba(12, 14, 22, .92);
  --sgn-glass: linear-gradient(145deg, rgba(13, 15, 23, .86), rgba(5, 6, 10, .92));
  --sgn-glass-strong: linear-gradient(145deg, rgba(16, 18, 27, .95), rgba(6, 7, 11, .97));
  --sgn-dark-gradient: linear-gradient(180deg, #05060A 0%, #000000 66%, #020205 100%);
  --sgn-card-gradient: linear-gradient(150deg, rgba(13, 15, 23, .94), rgba(5, 6, 10, .98));
  --sgn-neon-button-gradient: linear-gradient(100deg, #F04AD8 0%, #9B4DFF 50%, #14D7FF 100%);
  --sgn-border-soft: rgba(255,255,255,.09);
  --sgn-border-accent: rgba(155,77,255,.42);
  --sgn-border-cyan: rgba(20,215,255,.30);
  --sgn-text-soft: rgba(247,248,252,.68);
  --sgn-text-muted: rgba(247,248,252,.46);
  --sgn-shadow-panel: 0 18px 44px rgba(0,0,0,.38);
  --sgn-shadow-card: 0 12px 30px rgba(0,0,0,.34);
  --sgn-shadow-neon: 0 0 0 1px rgba(155,77,255,.16), 0 14px 34px rgba(86,109,255,.16), 0 0 28px rgba(20,215,255,.08);
  --sgn-radius-card: 14px;
  --sgn-radius-panel: 18px;
  --sgn-blur: 20px;
}