:root{--primary-color: #f6b800;--secondary-color: #fef576;--accent-color: #fff7cb;--shadow-color: #E8E8E8;--dark-primary-color: rgb(51, 49, 49);--dark-accent-color: #f0850a}*{color:var(--dark-primary-color);font-family:Inter,Arial,Helvetica,sans-serif;font-size:16px}body{margin:0}app-root{min-height:100dvh;display:flex;flex-direction:column}main{flex:1;display:grid;grid-template-rows:auto 1fr auto;grid-template-columns:minmax(0,1fr)}button.primary{padding:10px;border:solid 1px var(--primary-color);background:var(--primary-color);border-radius:8px}