/* Arka Look — Design Tokens */
@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,500;1,300;1,400;1,500&family=Inter:wght@300;400;500&display=swap');

:root {
  --green-900: #0a3024;
  --green-800: #0f4230;
  --green-700: #155038;
  --green-600: #1d6648;
  --green-500: #2a8560;

  --gold-600: #b87d18;
  --gold-500: #d69524;
  --gold-400: #e8a93a;
  --gold-100: #f3dfae;

  --paper:      #f6f2e8;
  --paper-warm: #ece5d3;
  --ink:        #0a1510;
  --muted:      rgba(246,242,232,0.6);

  --serif: 'Cormorant Garamond', Georgia, serif;
  --sans:  'Inter', system-ui, sans-serif;

  --nav-h: 88px;
  --ease:  cubic-bezier(.4,0,.2,1);
  --trans: .3s var(--ease);

  --border-gold: 1px solid rgba(232,169,58,0.2);
}

*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
html { scroll-behavior: smooth; }
body {
  font-family: var(--sans);
  font-weight: 300;
  background: var(--green-800);
  color: var(--paper);
  -webkit-font-smoothing: antialiased;
  overflow-x: hidden;
}
img, video { display: block; max-width: 100%; }
a { color: inherit; text-decoration: none; }
button { font: inherit; cursor: pointer; border: none; background: none; color: inherit; }

/* Respect reduced-motion preference (WCAG 2.2.2 / 2.3.3) */
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}