/*
 * base.css — FlipLatino Shared Design Tokens
 * Created: batch-29g-base-css-token-sweep
 *
 * Contains ONLY the shared --ctrl-* CSS custom properties that are
 * provably identical across: fix-and-flip, rental, rent-estimator,
 * rehab, mao, and mortgage.
 *
 * LOAD BEFORE: any page-specific CSS that uses these tokens.
 * LOAD AFTER:  nothing (no dependencies).
 *
 * DO NOT ADD:
 *   - selector rules (.lf-control, etc.) — these diverge per page
 *   - page-specific variables — those stay in each page's CSS file
 *   - any styles beyond the :root token block below
 */

:root {
    /* Input control dimensions */
    --ctrl-pad-y: 12px;
    --ctrl-pad-x: 16px;
    --ctrl-radius: 999px;

    /* Input control colors — FlipLatino light theme */
    --ctrl-fg: #0B1A3D;
    --ctrl-bg1: rgba(11,26,61, 0.02);
    --ctrl-bg2: rgba(11,26,61, 0.0);
    --ctrl-tint: #ffffff;

    /* Input control borders & focus ring */
    --ctrl-border: rgba(240,90,40, 0.45);
    --ctrl-border-hover: rgba(240,90,40, 0.75);
    --ctrl-ring: rgba(240,90,40, 0.25);

    /* Input control disabled state */
    --ctrl-disabled: .6;
}