:root{--app-color-bg: #ffffff;--app-color-text: #000000;--app-color-primary: #D12359;--app-color-primary-dark: #A31C45;--app-color-primary-light: #EA4B7C;--app-color-on-primary: #ffffff;--app-radius: .5rem;--app-spacing: 1rem;--app-font-base: "Roboto", sans-serif}[data-theme=dark]{--app-color-bg: #121212;--app-color-text: #e0e0e0;--app-color-primary: #F16C91;--app-color-primary-dark: #D12359;--app-color-primary-light: #FFA4BA;--app-color-on-primary: #000000}@media (prefers-color-scheme: dark){:root{color-scheme:dark}}body{margin:0;padding:0;background-color:var(--app-color-bg);color:var(--app-color-text);font-family:var(--app-font-base)}button,.app-button{background-color:var(--app-color-primary);color:var(--app-color-on-primary);border:none;padding:calc(var(--app-spacing) * .75) calc(var(--app-spacing) * 1.5);font-size:1rem;cursor:pointer;border-radius:var(--app-radius);transition:background-color .2s ease,transform .1s ease}button:hover:not(:disabled),.app-button:hover:not(:disabled){background-color:var(--app-color-primary-dark)}button:active:not(:disabled),.app-button:active:not(:disabled){transform:scale(.98)}button:focus-visible,.app-button:focus-visible{outline:3px solid var(--app-color-primary-light);outline-offset:2px}button:disabled,.app-button:disabled{opacity:.6;cursor:not-allowed}