/* Variables CSS compartidas — ayto.app standalone pages */
/* Usado por: ia/index, ia/enlaces, landing, coming-soon, dashboard */
:root {
    --bg: #ffffff;
    --bg2: #f9fafb;
    --text: #1a1a1a;
    --text-sec: #4b5563;
    --text-muted: #595f6b;
    --navy: #1a2540;
    --yellow: #F5C400;
    --yellow-hover: #e0b300;
    --card-bg: #ffffff;
    --card-border: #e5e7eb;
    --card-border-h: #F5C400;
    --input-bg: #ffffff;
    --input-border: #e5e7eb;
    --input-text: #1a1a1a;
    --placeholder: #6b7280;
    --error: #ef4444;
    --success: #10b981;
    --link: #3b82f6;
    --link-hover: #2563eb;
}

/* Focus visible — WCAG 2.1 AA (criterio 2.4.7) */
a:focus-visible,
button:focus-visible,
input:focus-visible,
textarea:focus-visible,
select:focus-visible {
    outline: 2px solid #1a2540;
    outline-offset: 2px;
}