:root{--primary-color: #9bbab1;--secondary-color: #85a199;--accent-color: #d8a39b;--text-color: #4a4a4a;--background-color: #fafafa;--border-color: #e0ebe8;--danger-color: #ef9a9a;--success-color: #a5d6a7;--font-family: "Roboto", sans-serif;--font-size-base: 1.6rem;--font-size-h1: 4rem;--font-size-h2: 3.2rem;--font-size-h3: 2.8rem;--font-size-p: 1.6rem;--spacing-xs: .4rem;--spacing-s: .8rem;--spacing-m: 1.6rem;--spacing-l: 2.4rem;--spacing-xl: 3.2rem;--border-radius: 8px}*{margin:0;padding:0;box-sizing:border-box}html{font-size:62.5%}body{height:100%;font-family:var(--font-family);font-size:var(--font-size-base);color:var(--text-color);background-color:var(--background-color)}@media (min-width: 768px){:root{--font-size-base: 1.8rem}}.btn{padding:var(--spacing-s) var(--spacing-m);border:none;border-radius:var(--border-radius);cursor:pointer;font-size:var(--font-size-p);transition:background-color .3s ease}.btn.btn-primary{background-color:var(--primary-color);color:var(--text-color)}.btn.btn-secondary{background-color:var(--secondary-color);color:var(--text-color)}.btn.btn-accent{background-color:var(--accent-color);color:var(--text-color)}.btn.btn-danger{background-color:var(--danger-color);color:var(--text-color)}.btn:hover{opacity:.9}