/* Generated from shared/css/controls.css by `make shared-css`. Do not edit this copy. */

/*
 * Form-control sizing shared by every TheResumeMatch surface: the Next.js app,
 * the WordPress theme and the Keycloak login theme. Inputs and buttons are one
 * height and one radius everywhere.
 *
 * This file is the source. Edit it here, then run `make shared-css` to copy it
 * into each surface (each container only mounts its own directory, so the
 * copies are committed). `make shared-css-check` fails when a copy is stale.
 */

:root {
    --trm-control-height: 40px;
    --trm-control-radius: 9px;
    --trm-control-font-size: 15px;
    --trm-control-padding-x: 12px;
}

/* Zero-specificity baseline: any surface rule for a specific control wins. */
:where(input:not([type="checkbox"], [type="radio"], [type="range"], [type="file"], [type="color"], [type="hidden"], [type="image"]), select) {
    box-sizing: border-box;
    height: var(--trm-control-height);
    padding-block: 0;
    border-radius: var(--trm-control-radius);
    font-size: var(--trm-control-font-size);
}

:where(button, input[type="submit"], input[type="button"], input[type="reset"]) {
    border-radius: var(--trm-control-radius);
}