/*
 * base.css — Fusion Calculator 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 */
    --ctrl-fg: #eaf2f7;
    --ctrl-bg1: rgba(255, 255, 255, 0.06);
    --ctrl-bg2: rgba(255, 255, 255, 0.02);
    --ctrl-tint: rgba(19, 65, 96, 0.35);

    /* Input control borders & focus ring */
    --ctrl-border: rgba(253, 169, 41, 0.45);
    --ctrl-border-hover: rgba(253, 169, 41, 0.75);
    --ctrl-ring: rgba(253, 169, 41, 0.25);

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