@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700;900&family=DM+Sans:wght@400;500;600;700&display=swap');
@import './tokens.css';
@import './reset.css';
@import './animations.css';

body{background-color:var(--co-bg);color:var(--co-text);font-family:var(--co-font-sans);font-size:var(--co-text-base);line-height:1.7}
h1,h2,h3,h4{font-family:var(--co-font-serif);line-height:1.2}
.container{width:100%;max-width:1200px;margin:0 auto;padding:0 var(--co-space-6)}
.section{padding:var(--co-space-24) 0}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--co-space-2);padding:var(--co-space-4) var(--co-space-8);border-radius:var(--co-radius-full);font-weight:500;font-size:var(--co-text-base);transition:all var(--co-duration) var(--co-ease);position:relative;overflow:hidden}
.btn-primary{background:var(--co-primary);color:#141018;font-weight:600}
.btn-primary:hover{background:var(--co-primary-light);transform:translateY(-2px);box-shadow:var(--co-shadow-glow)}
.btn-gold{background:var(--co-gold);color:#0A0A0F}
.btn-gold:hover{background:var(--co-gold-light);transform:translateY(-2px);box-shadow:0 0 40px var(--co-gold-glow)}
.btn-outline{border:1px solid var(--co-border-light);color:var(--co-text)}
.btn-outline:hover{border-color:var(--co-primary);color:var(--co-primary)}
.card{background:var(--co-surface);border:1px solid var(--co-border);border-radius:var(--co-radius-lg);padding:var(--co-space-8);transition:border-color var(--co-duration) var(--co-ease),box-shadow var(--co-duration) var(--co-ease)}
.card:hover{border-color:var(--co-primary);box-shadow:var(--co-shadow-glow)}
.text-muted{color:var(--co-muted)}.text-primary{color:var(--co-primary)}
.text-gold{color:var(--co-gold)}.text-teal{color:var(--co-teal)}
.text-serif{font-family:var(--co-font-serif)}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}