:root{--body-width:100%;--font:Poppins,sans-serif;--font-size:0.9rem;--line-height:1.2;--gap:20px;--margin-header:calc((var(--gap) * -1) - (var(--gap) * 3));--border-radius:16px;--color-bg:#246804;--color-bg-card:#eceff1;--color-primary:#3f51b5;--color-primary-light:#5464c0;--color-success:#388e3c;--color-danger:#d32f2f;--color-text:#263238;--color-text-mute:rgba(0, 0, 0, 0.2);--color-text-light:rgba(255, 255, 255, 0.86);--color-highlight:rgba(255, 255, 255, 0.4);--color-shadow:rgba(0, 0, 0, 0.2);--color-highlight-light:rgba(255, 255, 255, 0.6);--color-shadow-dark:rgba(0, 0, 0, 0.6);--box-shadow:-2px -2px 3px var(--color-highlight),2px 2px 3px var(--color-shadow),0 0 1px var(--color-shadow);--box-shadow-inset:inset 2px 2px 3px var(--color-shadow),inset -2px -2px 3px var(--color-highlight),inset 0 0 2px var(--color-shadow);--box-shadow-shallow:-1px -1px 2px var(--color-highlight),1px 1px 2px var(--color-shadow),0 0 1px var(--color-shadow);--box-shadow-shallow-inset:inset 1px 1px 2px var(--color-shadow),inset -1px -1px 2px var(--color-highlight),inset 0 0 1px var(--color-shadow)}