/* ============================================================
   BASE THEME VARIABLES
   Cada tema redefine estas variables y agrega overrides
   especificos al final. Body usa data-theme="<nombre>".
   ============================================================ */

:root {
    --c-bg: #ffffff;
    --c-bg-alt: #f9fafb;
    --c-text: #111827;
    --c-text-soft: #4b5563;
    --c-text-muted: #6b7280;
    --c-border: #e5e7eb;
    --c-primary: #1e40af;
    --c-primary-strong: #1e3a8a;
    --c-primary-soft: #dbeafe;
    --c-accent: #f59e0b;
    --c-accent-soft: #fef3c7;
    --c-success: #047857;
    --c-danger: #b91c1c;
    --c-card: #ffffff;
    --c-header-bg: linear-gradient(135deg, #1e3a8a, #1e40af);
    --c-header-text: #ffffff;
    --c-footer-bg: #111827;
    --c-footer-text: #f3f4f6;

    --font-body: 'Helvetica Neue', Helvetica, Arial, sans-serif;
    --font-heading: 'Helvetica Neue', Helvetica, Arial, sans-serif;
    --font-mono: 'SFMono-Regular', Consolas, 'Courier New', monospace;

    --radius-sm: 4px;
    --radius-md: 8px;
    --radius-lg: 12px;
    --radius-pill: 999px;

    --shadow-sm: 0 1px 2px rgba(0,0,0,0.05);
    --shadow-md: 0 2px 6px rgba(0,0,0,0.08);
    --shadow-lg: 0 10px 30px rgba(0,0,0,0.12);

    --transition: 0.15s ease;
}