html { background: var(--bg); color-scheme: dark; }
        body {
          font-family: var(--font-body);
          font-size: 18px;
          line-height: 1.7;
          color: var(--text);
          background:
            radial-gradient(circle at top right, rgba(110, 168, 254, 0.14), transparent 34%),
            radial-gradient(circle at bottom left, rgba(255, 207, 102, 0.12), transparent 32%),
            linear-gradient(180deg, rgba(15, 17, 21, 0.98), rgba(15, 17, 21, 1));
        }
        body.menu-open { overflow: hidden; }
        a {
          color: var(--text);
          text-decoration-color: rgba(110, 168, 254, 0.35);
          text-underline-offset: 3px;
          transition: color 0.2s ease, text-decoration-color 0.2s ease;
        }
        a:hover { color: var(--heading); text-decoration-color: var(--accent); }
        :focus-visible {
          outline: 3px solid rgba(110, 168, 254, 0.75);
          outline-offset: 3px;
        }
        .skip-link {
          position: absolute;
          left: 16px;
          top: -100px;
          z-index: 1000;
          padding: 12px 16px;
          border-radius: var(--radius-sm);
          background: var(--heading);
          color: var(--bg);
        }
        .skip-link:focus { top: 16px; }