:root {
  --navy: #0E1B2E;
  --navy-2: #16223E;
  --navy-3: #1A2644;
  --sky: #03A1FB;
  --sky-deep: #0391E6;
  --link: #0077C8;
  --link-hover: #03A1FB;
  --gold: #E8A87C;
  --gold-ink: #9A5530;
  --gold-soft: #F0C3A2;
  --cream: #F7F3EE;
  --ok: #3DDC97;
  --danger: #C62828;

  --glass: #FFFFFF80;
  --glass-edge: #FFFFFFD9;
  --grad-accent: linear-gradient(90deg, #0288D8, #D98A5C);
  --grad-btn: linear-gradient(180deg, #2BB3FF, #0391E6);

  --font: Vazirmatn, Tahoma, system-ui, sans-serif;
}

html { scroll-behavior: smooth; }
body { margin: 0; background: var(--cream); color: var(--navy); font-family: var(--font); -webkit-font-smoothing: antialiased; }
a { color: var(--link); text-decoration: none; }
a:hover { color: var(--link-hover); }
::selection { background: var(--sky); color: #fff; }
:focus-visible { outline: 2px solid var(--link); outline-offset: 3px; }

.messages { list-style: none; margin: 0; padding: 12px 16px; }
.messages__item { padding: 12px 16px; border-radius: 16px; background: #fff; border: 1px solid #E3EBF3; }

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
}