:root {
    /* Colors */
    --color-gray-light: silver;
    --color-brand-accent: #32395a;
    --color-white: #fff;
    --color-black: #000;

    /* Form */
    --form-padding: 2em;
    --form-backdrop: rgba(0, 0, 0, 0.5);
    --form-backdrop-filter: blur(30px);
    --container-border-radius: 5px;
    --container-padding: 10px;
    --form-text: var(--color-black);
    --form-bg: var(--color-white);
    --form-border: var(--form-bg);
    --form-title: var(--form-text);
    --form-subtitle: var(--form-text);
    --button-control-text: var(--color-black);

    /* Controls (input/checkbox/radio) */
    --input-border: var(--color-gray-light);
    --control-border: var(--color-brand-accent);
    --control-bg: var(--color-white);
    --control-shadow: var(--control-border);
    --control-checked-bg: var(--control-border);
    --control-checked-border: var(--control-border);
    --control-disabled-bg: var(--color-gray-light);
    --control-disabled-border: var(--color-black);
    --control-checked-mark: var(--color-white);
}

/* icons */
:root {
    --iconClose: url('data: image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 -960 960 960" width="24"><path d="m322.154-293.077-29.077-29.077L450.923-480 293.077-636.846l29.077-29.077L480-508.077l156.846-157.846 29.077 29.077L508.077-480l157.846 157.846-29.077 29.077L480-450.923 322.154-293.077Z" /></svg>');
    --checkbox-mark: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="10" height="12" viewBox="0 0 10 12"><path d="M1 5l3 3l5-6" stroke="white" stroke-width="2" fill="none"/></svg>');
}