/* assets/css/tokens-public.css */
:root {
    /* Semantic Colors */
    --color-surface-base: #fbf9f6;
    --color-surface-card: #ffffff;
    --color-text-main: #3d352e;
    --color-text-muted: #8b8075;
    --color-primary-base: #a8583c;
    --color-primary-hover: #904b33;
    --color-border-light: #e6dfd7;
    --color-border-input: #e0d9d2;
    --color-interactive-avail: #f2eee8;
    --color-interactive-taken: #d6cfc5;
    --color-interactive-select: #a8583c;

    /* Typography */
    --font-family-sans: "Montserrat", system-ui, sans-serif;

    /* LEGACY ALIASES (Para retrocompatibilidad con builds de Vite) */
    --bg-cream: var(--color-surface-base);
    --bg-card: var(--color-surface-card);
    --text-main: var(--color-text-main);
    --text-muted: var(--color-text-muted);
    --brand-terracotta: var(--color-primary-base);
    --brand-terracotta-hover: var(--color-primary-hover);
    --border-light: var(--color-border-light);
    --border-input: var(--color-border-input);
    --font-sans: var(--font-family-sans);
    --raf-avail: var(--color-interactive-avail);
    --raf-taken: var(--color-interactive-taken);
    --raf-select: var(--color-interactive-select);
}

/* Los datos se guardan en MAYÚSCULAS (lo aplica la API); se muestran así al capturar.
   No aplica a correos, teléfonos ni contraseñas. Los placeholders se mantienen normales. */
input[type="text"],
input[type="search"],
textarea {
    text-transform: uppercase;
}
input::placeholder,
textarea::placeholder {
    text-transform: none;
}