@import url('tokens/fonts.css');
@import url('tokens/colors.css');
@import url('tokens/typography.css');
@import url('tokens/spacing.css');
body{margin:0;background:var(--bg-page);color:var(--text-primary);font-family:var(--font-body);}

a,button{transition:color var(--duration-standard) var(--ease-standard),background-color var(--duration-standard) var(--ease-standard),border-color var(--duration-standard) var(--ease-standard),transform var(--duration-fast) var(--ease-standard);}

.nav-link:hover{color:var(--accent-gold) !important;}

.btn-primary:hover{background:var(--accent-primary-hover) !important;transform:translateY(-2px);}
.btn-primary:active{transform:scale(0.97);}

.btn-outline:hover{color:var(--accent-gold) !important;border-color:var(--gold-300) !important;transform:translateY(-2px);}
.btn-outline:active{transform:scale(0.97);}

.footer-link{color:var(--accent-gold) !important;text-decoration:none;}
.footer-link:hover{color:var(--gold-300) !important;text-decoration:underline;}

.hero-grid{display:grid;grid-template-columns:minmax(320px,560px) minmax(280px,460px);padding:0 48px;}
@media (max-width:700px){
  .hero-grid{grid-template-columns:1fr;padding:32px 48px 0;}
}

.site-header{padding:16px 48px;}
.site-logo{height:140px;width:auto;}
@media (max-width:700px){
  .site-header{padding:10px 20px;}
  .site-logo{height:100px;}
}

img.clickable-image{transition:opacity var(--duration-standard) var(--ease-standard);}
img.clickable-image:hover{opacity:0.85;}

.footer-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:32px;align-items:start;}
.footer-col{display:flex;flex-direction:column;gap:10px;font-family:var(--font-body);font-size:13px;color:var(--text-secondary);}
.footer-col-label{color:var(--accent-gold);font-weight:700;letter-spacing:0.08em;text-transform:uppercase;font-size:11px;}
@media (max-width:700px){
  .footer-grid{grid-template-columns:1fr;justify-items:center;text-align:center;}
  .footer-col{align-items:center;}
}