@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,600;1,300;1,400&family=Caveat:wght@400;500;600&display=swap');

*, *::before, *::after { margin: 0; padding: 0; box-sizing: border-box; }

:root {
  --ink: #1a1a1a;
  --sepia: #5c4033;
  --blood: #8b1a1a;
  --ice: #a8c8d8;
  --gold: #c4a35a;
  --cream: #f5f0e1;
  --paper: #eae4d3;
  --dark: #0d0a07;
  --correct: #4a7c59;
  --wrong: #8b4a4a;
  --rose: #b5838d;
  --rose-dark: #6d3b47;
  --accent: var(--gold);
}

/* Akhmatova pages override accent to rose */
.poet-akhmatova { --accent: var(--rose); }

html { scroll-behavior: smooth; }

body {
  font-family: 'Cormorant Garamond', Georgia, serif;
  overflow-x: hidden;
}

/* Caveat font for all Cyrillic/display text */
.ru,
[data-text],
.vocab-ru,
.pattern-example,
.comparison-text,
.study-header-ru,
.stanza-number,
.fc-header-ru,
.card-sentence,
.closing .poem-full p,
.closing .stanza-block p {
  font-family: 'Caveat', cursive;
}

/* Grain overlay */
body::after {
  content: '';
  position: fixed;
  inset: 0;
  z-index: 9999;
  pointer-events: none;
  opacity: 0.06;
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");
  background-size: 256px 256px;
}

@keyframes fadeUp {
  from { opacity: 0; transform: translateY(12px); }
  to { opacity: 1; transform: translateY(0); }
}

@keyframes float {
  0%, 100% { transform: translateX(-50%) translateY(0); }
  50% { transform: translateX(-50%) translateY(-8px); }
}