@theme{ --color-primary: #000000; --color-on-primary: #ffffff; --color-secondary: #ffffff; --color-on-secondary: #000000; --color-error: #bd0f0f; --color-on-error: #ffffff; --color-success: #1b5f1b; --color-on-success: #ffffff; --color-outline: #a1a1a1; --color-outline-variant: #cccccc; --color-surface: #ffffff; --color-surface-card: #efefef; --color-neutral: #777777; --color-muted: #e7e7e7; --color-on-muted: #585858; --color-background: #faf7f7; --color-on-background: #000000; --color-paper: #ffffff; --color-on-paper: #555555; --border-popover: none; --radius-btn: .375rem; --radius-field: .25rem; --radius-step: calc(infinity * 1px); --radius-card: 1.125rem; --radius-popover: .25rem; --shadow-popover: 0px 0px 0px 1px rgb(0 0 0 / .06), 0px 1px 1px -.5px rgb(0 0 0 / .06), 0px 3px 3px -1.5px rgb(0 0 0 / .06), 0px 6px 6px -3px rgb(0 0 0 / .06), 0px 12px 12px -6px rgb(0 0 0 / .06), 0px 24px 24px -12px rgb(0 0 0 / .06); }