/**
 * RCAD Theme Framework — Phase 1
 * Tokens base. Los valores personalizados se inyectan desde core-design-system.php.
 */
:root {
    --rcad-primary: #071b46;
    --rcad-primary-soft: #0b2a5b;
    --rcad-primary-strong: #071b46;
    --rcad-accent: #f6a800;
    --rcad-yellow: #f6a800;
    --rcad-link: #1769e0;
    --rcad-text: #111827;
    --rcad-text-2: #111827;
    --rcad-muted: #667085;
    --rcad-text-muted: #667085;
    --rcad-bg: #f6f8fb;
    --rcad-background: #f6f8fb;
    --rcad-surface: #ffffff;
    --rcad-border: #e3e8ef;
    --rcad-line: #e3e8ef;
    --rcad-radius: 12px;
    --rcad-container: 1320px;
    --rcad-space-1: 4px;
    --rcad-space-2: 8px;
    --rcad-space-3: 12px;
    --rcad-space-4: 16px;
    --rcad-space-5: 20px;
    --rcad-space-6: 24px;
    --rcad-space-8: 32px;
    --rcad-shadow: 0 4px 18px rgba(15, 23, 42, .06);
    --rcad-transition: 180ms ease;
}

/* Utilidades mínimas y seguras. No alteran plantillas existentes por defecto. */
.rcad-container {
    width: min(calc(100% - 48px), var(--rcad-container));
    margin-inline: auto;
}

.rcad-surface {
    background: var(--rcad-surface);
    border: 1px solid var(--rcad-border);
    border-radius: var(--rcad-radius);
    box-shadow: var(--rcad-shadow);
}

@media (max-width: 767px) {
    .rcad-container {
        width: min(calc(100% - 28px), var(--rcad-container));
    }
}