/* tokens.css — variables del design system "Digito" (Figma).
   Los valores provienen de las variables publicadas en el archivo de diseño
   "Validador — Digito" (file 0e383uRhFbiEwgXtX8ktiI).

   Solo declaraciones de variables: el reset y los estilos base del documento
   están en layout.css, para que este archivo siga siendo el espejo de Figma. */

:root {
    /* Marca */
    --primary: #4318c0;
    --primary-light: rgba(67, 24, 192, 0.07);
    --primary-border: #ae9ce4;

    /* Texto */
    --text-primary: #0e1b32;
    --text-secondary: #6a7280;
    --text-tertiary: #a8a8a8;
    --text-strong: #14161c;
    --text-meta: #6b7484;

    /* Superficies */
    --surface: #ffffff;
    --surface-alt: #efeff0;
    --background: #fafafa;

    /* Bordes */
    --border: #dcdcdc;
    --border-subtle: #ebebec;

    /* Estados */
    --success-base: #009a54;
    --success-light: #f2faf6;
    --success-border: #bfe6d4;
    --success-text: #007b43;
    --error-base: #e21205;
    --error-light: rgba(226, 18, 5, 0.07);
    --error-border: #f39994;
    --error-text: #b50e04;
    --warning-base: #d4a017;
    --warning-light: #f8f1df;
    --warning-border: #e4c46f;
    --warning-text: #7f600e;
    --neutral-light: #f0f0f0;
    --neutral-border: #c3c6cc;

    /* Pie de página: uno solo para toda la aplicación. */
    --footer-bg: #14161c;
    --footer-text: #9aa2b1;

    /* Radios */
    --radius-sm: 6px;
    --radius-md: 8px;
    --radius-lg: 10px;
    --radius-xl: 16px;
    --radius-full: 9999px;

    /* Sombras */
    --shadow-xs: 0 1px 1px rgba(0, 0, 0, 0.1);
    --shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.1);
    --shadow-md: 0 2px 4px -2px rgba(0, 0, 0, 0.1), 0 4px 6px -1px rgba(0, 0, 0, 0.1);
    --shadow-card: 0 2px 8px 2px rgba(0, 0, 0, 0.1);
    --shadow-panel: 0 4px 8px rgba(14, 27, 50, 0.07);

    /* Medidas de columna: 820 px en la subida, 995 px en el reporte. */
    --column: 995px;
    --column-upload: 820px;
}