:root{
  /* LynxOne palette — “Tokyo silk & champagne” */
  --bg-0:#070A0F;
  --bg-1:#0D1220;
  --bg-2:#121A2E;

  --txt:#E9EEF7;
  --muted:#AAB4C6;

  --line:rgba(233,238,247,.12);
  --shadow: 0 18px 55px rgba(0,0,0,.35);

  --champagne:#D7B98A;
  --champagne-2:#BFA172;

  --sakura:#F3B7C6;
  --jade:#2ED1A7;
  --sky:#79B7FF;

  --card: rgba(16, 22, 36, .78);
  --card-2: rgba(18, 26, 46, .72);
  --glass: rgba(11, 14, 23, .55);

  --radius-xl: 22px;
  --radius-lg: 18px;
  --radius-md: 14px;

  --focus: 0 0 0 .2rem rgba(121,183,255,.25);

  --grad-hero: radial-gradient(1000px 600px at 20% 10%, rgba(215,185,138,.22), transparent 60%),
              radial-gradient(900px 600px at 90% 20%, rgba(46,209,167,.14), transparent 55%),
              radial-gradient(900px 700px at 40% 95%, rgba(243,183,198,.12), transparent 60%),
              linear-gradient(180deg, var(--bg-0), var(--bg-1) 55%, var(--bg-2));
}

*{ box-sizing:border-box; }

html,body{ height:100%; overflow-x: hidden; }
body{
  margin:0;
  background: var(--grad-hero);
  color: var(--txt);
  font-family: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, Arial, "Noto Sans", "Liberation Sans", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

a{ color: inherit; }
a:focus{ outline: none; box-shadow: var(--focus); border-radius: 10px; }
::selection{ background: rgba(215,185,138,.28); }