:root {
    --bg:#0b0d12;
    --bg-2:#11141c;
    --surface:rgba(255,255,255,0.04);
    --surface-2:rgba(255,255,255,0.07);
    --stroke:rgba(255,255,255,0.10);
    --text:#ece9e2;
    --muted:#9a958a;
    --accent:#d9b26a;        /* благородное золото */
    --accent-2:#e8d9b0;
    --ivory:#f3efe6;
    --danger:#d46a5a;
    --radius:22px;
    --radius-sm:14px;
    --shadow:0 30px 80px -20px rgba(0,0,0,.55);
    --font-serif:'Cormorant Garamond', 'Times New Roman', serif;
    --font-sans:'Inter', system-ui, -apple-system, Segoe UI, Roboto, sans-serif;
  }

  * {
    box-sizing:border-box;
    margin:0;
    padding:0}

  html,body {
    background:var(--bg);
    color:var(--text);
    font-family:var(--font-sans);
    scroll-behavior:smooth;
    overflow-x:hidden
}

  body {
    background:
      radial-gradient(1200px 700px at 85% -10%, rgba(217,178,106,.10), transparent 60%),
      radial-gradient(900px 600px at -10% 30%, rgba(217,178,106,.06), transparent 60%),
      linear-gradient(180deg,#0a0c11 0%, #0b0d12 50%, #090b10 100%);
    min-height:100vh;
  }
  a {
    color:inherit;
    text-decoration:none;
}
  img {
    max-width:100%;
    display:block;
}

  ::selection {
    background:var(--accent);
    color:#1a1510;
}

  /* Кастомный курсор */
  .cursor-dot,.cursor-ring {
    position:fixed;
    top:0;
    left:0;
    pointer-events:none;
    z-index:9999;
    border-radius:50%;
    mix-blend-mode:difference;
    transition:transform .15s ease, width .25s ease, height .25s ease, background .25s ease;
}
  .cursor-dot {
    width:6px;
    height:6px;
    background:var(--ivory);
    transform:translate(-50%,-50%);
}
  .cursor-ring {
    width:38px;
    height:38px;
    border:1px solid rgba(255,255,255,.5);
    transform:translate(-50%,-50%);
    transition:transform .25s cubic-bezier(.2,.8,.2,1), width .25s, height .25s;
}
  .cursor-ring.hover {
    width:70px;
    height:70px;
    background:rgba(217,178,106,.15);
    border-color:var(--accent);
}
    @media (hover:none) {
    .cursor-dot,.cursor-ring{display:none};
}
