/* Auto-generated by build.php on 2026-02-12 17:56:39 */

/* === core/dbf.tokens.css === */
:where(.dbf){--dbf-bg: #f7f9fa;--dbf-text: #242525;--dbf-border: #acaeaf;--dbf-c-blue: hsl(210, 80%, 50%);--dbf-c-green: hsl(140, 63%, 42%);--dbf-c-red: hsl(0, 73%, 44%);--dbf-c-yellow: hsl(51, 100%, 50%);--dbf-primary: var(--dbf-c-blue);--dbf-invalid: var(--dbf-c-red);--dbf-radius: 4px;--dbf-size-sm: 1.7rem;--dbf-size-md: 2.25rem;--dbf-size-lg: 2.75rem;--dbf-space-sm: 2px;--dbf-space-md: 5px;--dbf-space-lg: 8px;--dbf-transition: 200ms ease;--dbf-font-default: system-ui, sans-serif;--dbf-font-machine: "SF Mono", monospace;color-scheme: light}@media (prefers-color-scheme: dark){:where(.dbf){--dbf-bg: #242525;--dbf-text: #e6eaec;color-scheme: dark}}

/* === form/dbf.base.css === */
.dbf{& :where(input, select, textarea, button, a[role="button"], .dbf-style){--dbf-primary-color: var(--dbf-bg);--dbf-accent-color: var(--dbf-c-blue);--dbf-ctl-text: var(--dbf-text);--dbf-ctl-space: var(--dbf-space-md);--dbf-ctl-size: var(--dbf-size-md);--dbf-ctl-radius: var(--dbf-radius);--dbf-ctl-shadow: color-mix(in srgb, var(--dbf-accent-color), white 10%);--dbf-ctl-hover: color-mix(in srgb, var(--dbf-primary-color), white 15%);--dbf-ctl-focus: color-mix(in srgb, var(--dbf-primary-color), white 15%);--dbf-ctl-bg: var(--dbf-primary-color);--dbf-ctl-border: color-mix(in srgb, var(--dbf-primary-color), black 20%);@media (prefers-color-scheme: dark){&{--dbf-ctl-focus: color-mix(in srgb, var(--dbf-primary-color), black 14%);--dbf-ctl-border: color-mix(in srgb, var(--dbf-primary-color), white 20%)}}font-size: 0.875rem;font-family: var(--dbf-font-default);box-sizing: border-box;outline: none;border-radius: var(--dbf-ctl-radius);transition: var(--dbf-transition)}& :where(input:not([type="checkbox"], [type="radio"]), select, textarea, button, a[role="button"], .dbf-style){min-height: var(--dbf-ctl-size);padding-inline: calc(var(--dbf-ctl-space) + 2px);padding-block: var(--dbf-ctl-space);color: var(--dbf-ctl-text);background-color: var(--dbf-ctl-bg);border: 1px solid var(--dbf-ctl-border);outline: none}& :where(input[type="color"]){width: var(--dbf-ctl-size);padding-inline: 0;padding-block: 0;padding:0;border:none;background-color: transparent;cursor: pointer}& :where(input, select, textarea, button, .dbf-style):disabled, & :where(a[role="button"][disabled]){opacity: 0.6;cursor: default;pointer-events: none}& :where(input:not([type="checkbox"]):not([type="radio"]), select, textarea, button):focus, & :where(.dbf-style):focus, & :where(a[role="button"]:focus){border-color: var(--dbf-accent-color);background-color: var(--dbf-ctl-focus);box-shadow: 0 0 5px var(--dbf-ctl-shadow)}& :where(input[type="submit"], input[type="reset"], a[role="button"], button){display: inline-flex;align-items: center;justify-content: center;text-align: center}& :where(input[type="submit"], input[type="reset"], a[role="button"], button):not(:disabled){cursor: pointer}& :where(input[type="submit"], input[type="reset"], button):not(:disabled):hover, & :where(a[role="button"]:not([disabled]):hover){border-color: var(--dbf-accent-color);background-color: var(--dbf-ctl-hover);box-shadow: 0 0 4px var(--dbf-ctl-shadow)}& :where(a[role="button"]){text-decoration: none;user-select: none}& :where(textarea){min-height: 6rem}}

/* === form/dbf.primitives.css === */
:where(.dbf){.dbf-btn-green, .dbf-btn-blue{--dbf-ctl-text: #fefefe}.dbf-btn-blue{--dbf-primary-color: var(--dbf-c-blue);--dbf-accent-color: var(--dbf-c-blue)}.dbf-btn-green{--dbf-primary-color: var(--dbf-c-green);--dbf-accent-color: var(--dbf-c-green)}.dbf-btn-sm{--dbf-ctl-size: var(--dbf-size-sm);--dbf-ctl-space: var(--dbf-space-sm)}.dbf-btn-wide{--dbf-ctl-size: var(--dbf-size-md);--dbf-ctl-space: var(--dbf-space-lg)}.dbf-btn-lg{--dbf-ctl-size: var(--dbf-size-lg);--dbf-ctl-space: var(--dbf-space-lg)}.dbf-btn-round{--dbf-ctl-radius: 9999px;width: var(--dbf-size-sm);height: var(--dbf-size-sm)}.dbf-btn-ctr{--dbf-primary-color: hsl(from var(--dbf-text) h s l / 0.8);--dbf-ctl-text: var(--dbf-bg);--dbf-ctl-shasow: transparent;&:hover, &:focus{--dbf-primary-color: var(--dbf-bg);--dbf-ctl-text: var(--dbf-text)}}& textarea{resize: vertical}}