/* Modo Light - tokens semanticos */
[data-mode="light"] {
    --color-bg: #f5f6f8;
    --color-surface: #ffffff;
    --color-surface-2: #f9fafb;
    --color-surface-elevated: #ffffff;
    --color-border: #e5e7eb;
    --color-border-strong: #d1d5db;

    --color-fg: #1f2937;
    --color-fg-muted: #6b7280;
    --color-fg-subtle: #9ca3af;
    --color-fg-inverse: #ffffff;

    --color-link: var(--color-primary);
    --color-link-hover: var(--color-primary-strong);

    --color-success: #16a34a;
    --color-success-bg: #dcfce7;
    --color-success-subtle: #f0fdf4;
    --color-success-muted: #dcfce7;
    --color-warning: #d97706;
    --color-warning-bg: #fef3c7;
    --color-warning-subtle: #fffbeb;
    --color-warning-muted: #fef3c7;
    --color-danger: #dc2626;
    --color-danger-bg: #fee2e2;
    --color-danger-subtle: #fef2f2;
    --color-danger-muted: #fee2e2;
    --color-info: #0891b2;
    --color-info-bg: #cffafe;
    --color-info-subtle: #ecfeff;
    --color-info-muted: #cffafe;

    /* Alias para nomenclaturas alternativas usadas en templates */
    --color-surface-alt: var(--color-surface-2);
    --color-text: var(--color-fg);
    --color-text-muted: var(--color-fg-muted);
    --color-text-subtle: var(--color-fg-subtle);
    --color-fg-on-danger: var(--color-danger);
    --color-fg-on-success: var(--color-success);
    --color-fg-on-warning: var(--color-warning);
    --radius: var(--radius-md);

    --color-sidebar-bg: #ffffff;
    --color-sidebar-fg: #374151;
    --color-sidebar-fg-active: #111827;
    --color-sidebar-bg-active: rgba(0, 0, 0, 0.06);

    --color-topbar-bg: #ffffff;
    --color-topbar-fg: #1f2937;
    --color-topbar-border: #e5e7eb;

    --shadow-card: 0 1px 3px rgba(0, 0, 0, 0.05);
}