/* PaTTAN field-width tokens
 * ---------------------------------------------------------------------------
 * VENDORED from pattan-net/pattan-standards/tokens/field-widths.css.
 * This is the canonical form field-width scale, as CSS custom properties.
 * To change a value, edit it in the pattan-standards repo, NOT here, then
 * re-copy this file. Kept as a standalone stylesheet (separate from the
 * pattan-cms-sourced color/type/spacing tokens) so the ongoing token
 * consolidation can repoint it without touching this app's other CSS.
 *
 * Widths are in `ch` units so each field sizes to the number of characters of
 * content it holds. Apply as `max-width` so fields shrink on narrow screens but
 * never exceed the content width.
 *
 * Usage:
 *   .email-field { max-width: var(--fw-email); }
 * ------------------------------------------------------------------------- */

:root {
    /* Name */
    --fw-first-name: 20ch;
    --fw-last-name: 24ch;
    --fw-name: 30ch;        /* full name in one field */

    /* Contact */
    --fw-email: 30ch;
    --fw-phone: 18ch;       /* US phone */

    /* Address */
    --fw-address: 40ch;     /* street address */
    --fw-address2: 30ch;    /* address line 2 */
    --fw-city: 24ch;
    --fw-state: 16ch;       /* state select, sized to longest option */
    --fw-state-code: 4ch;   /* 2-letter state code */
    --fw-zip: 10ch;
    --fw-country: 20ch;     /* country select */

    /* Organization / misc */
    --fw-org: 40ch;         /* organization / school */
    --fw-code: 12ch;        /* short codes (10-12ch) */
}