/* Easy AIOU — shared brand tokens (student app + auth + landing) */
:root {
    --brand-ink: #0b1626;
    --brand-ink-soft: #152338;
    --brand-blue: #2563eb;
    --brand-blue-dark: #1e3a8a;
    --brand-blue-bright: #3b82f6;
    --brand-bg: #eef3f8;
    --brand-surface: #ffffff;
    --brand-text: #0f172a;
    --brand-muted: #64748b;
    --brand-border: #e2e8f0;
    --brand-wa: #128c7e;
    --brand-radius: 16px;
    --brand-font: Outfit, "Segoe UI", system-ui, sans-serif;
    --brand-focus: 0 0 0 3px rgba(37, 99, 235, 0.28);
    --brand-space: 16px;
}

a:focus-visible, button:focus-visible, input:focus-visible, select:focus-visible, textarea:focus-visible {
    outline: none;
    box-shadow: var(--brand-focus);
}

.ui-skeleton {
    background: linear-gradient(90deg, #e8eef7 25%, #f8fafc 50%, #e8eef7 75%);
    background-size: 200% 100%;
    animation: ui-skel 1.1s ease-in-out infinite;
    border-radius: 8px;
    color: transparent !important;
    pointer-events: none;
}
@keyframes ui-skel {
    0% { background-position: 100% 0; }
    100% { background-position: -100% 0; }
}