/* Shared design tokens for Auginte */
:root{
  --bg: #06171b;
  --bg-2: #091f24;
  --surface: #0c252b;
  --line: rgba(141,213,208,0.10);
  --line-2: rgba(141,213,208,0.18);
  --ink: #e3efee;
  --ink-soft: #a7c2c0;
  --ink-mute: #6c8b89;
  --accent: #7ee0d3;
  --accent-2: #5cc8b9;
  --glow: rgba(126,224,211,0.35);
}
html,body{background:var(--bg);color:var(--ink);}
body{
  font-family: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  font-feature-settings: "ss01","cv11";
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}
.font-mono{ font-family: ui-monospace, SFMono-Regular, "JetBrains Mono", Menlo, Consolas, monospace; }
.text-balance{ text-wrap: balance; }
.text-pretty{ text-wrap: pretty; }

/* Hairline */
.hair{ border-color: var(--line); }
.hair-2{ border-color: var(--line-2); }

/* Logo waveform */
.wave{ stroke: var(--accent); }

/* Ambient hero glow (Direction A) */
.hero-glow{
  position:absolute; inset:0; pointer-events:none; z-index:0;
  background:
    radial-gradient(60% 50% at 20% 30%, rgba(126,224,211,0.10), transparent 60%),
    radial-gradient(40% 40% at 80% 70%, rgba(92,200,185,0.08), transparent 60%);
}

/* Soft underline links */
a.under{
  background-image: linear-gradient(currentColor,currentColor);
  background-size: 100% 1px; background-position: 0 100%;
  background-repeat: no-repeat; padding-bottom: 1px;
}
a.under:hover{ color: var(--accent); }

/* Focus ring */
:focus-visible{ outline: 1.5px solid var(--accent); outline-offset:2px; border-radius:2px; }

/* Hamburger */
.hamburger{ width:28px; height:18px; position:relative; }
.hamburger span{ position:absolute; left:0; right:0; height:1.5px; background:var(--ink); transition: transform .25s, opacity .2s, top .25s; }
.hamburger span:nth-child(1){ top:2px; }
.hamburger span:nth-child(2){ top:8.5px; }
.hamburger span:nth-child(3){ top:15px; }
.hamburger.open span:nth-child(1){ top:8.5px; transform: rotate(45deg); }
.hamburger.open span:nth-child(2){ opacity:0; }
.hamburger.open span:nth-child(3){ top:8.5px; transform: rotate(-45deg); }

/* Mobile menu */
.mobile-menu{ display:none; }
.mobile-menu.open{ display:block; }

/* Pull quote glyph */
.quote::before{
  content:"";
  display:block; width:18px; height:2px; background:var(--accent);
  margin-bottom:14px;
}

/* Scrollbar */
*::-webkit-scrollbar{ width:8px; height:8px; }
*::-webkit-scrollbar-thumb{ background: rgba(126,224,211,0.2); border-radius:4px; }

/* Prose tweaks for about */
.prose-au p{ margin:0 0 1em; }
.prose-au b, .prose-au strong{ color: var(--ink); font-weight:600; }
.prose-au h2{ font-weight:600; letter-spacing:-0.01em; }

/* Selection */
::selection{ background: rgba(126,224,211,0.3); color: #fff; }