/**

 * MyNegocios Design System 2.0 — semantic tokens (theme-agnostic)

 */

:root {

    --ds-text-primary: #1e3a5f;

    --ds-bg: var(--color-background, #f8fafc);

    --ds-surface: var(--color-surface, #ffffff);

    --ds-surface-elevated: var(--color-surface-elevated, #ffffff);

    --ds-primary: var(--color-primary, #2563eb);

    --ds-primary-hover: var(--color-primary-hover, #1d4ed8);

    --ds-secondary: var(--color-secondary, #64748b);

    --ds-text: var(--color-text, var(--ds-text-primary));

    --ds-text-muted: var(--color-text-muted, #64748b);

    --ds-border: var(--color-border, #e2e8f0);

    --ds-shadow-sm: var(--shadow-sm, 0 1px 2px rgba(15, 23, 42, 0.06));

    --ds-shadow-md: var(--shadow-md, 0 4px 12px rgba(15, 23, 42, 0.08));

    --ds-success: var(--color-success, #16a34a);

    --ds-warning: var(--color-warning, #ca8a04);

    --ds-danger: var(--color-danger, #dc2626);

    --ds-info: var(--color-info, #0891b2);

    --ds-radius-card: var(--radius-lg, 0.75rem);

    --ds-radius-input: var(--radius-md, 0.5rem);

    --ds-space-xs: var(--spacing-xs, 0.25rem);

    --ds-space-sm: var(--spacing-sm, 0.5rem);

    --ds-space-md: var(--spacing-md, 1rem);

    --ds-space-lg: var(--spacing-lg, 1.5rem);

    --ds-space-xl: var(--spacing-xl, 2rem);

    --ds-header-height: 3.5rem;

    --ds-sidebar-width: 16.5rem;

    --ds-sidebar-collapsed-width: 4.25rem;

    --ds-font-xs: 0.75rem;

    --ds-font-sm: 0.875rem;

    --ds-font-md: 1rem;

    --ds-font-lg: 1.125rem;

    --ds-font-xl: 1.25rem;

    --ds-transition: 180ms ease;

    --ds-sidebar-bg: var(--ds-surface);

    --ds-sidebar-fg: #f8fafc;

    --ds-sidebar-fg-muted: rgba(248, 250, 252, 0.72);

    --ds-header-bg: var(--ds-surface);

    --ds-accent-soft: rgba(37, 99, 235, 0.08);

    --ds-link: var(--ds-primary);

    --ds-link-hover: var(--ds-primary-hover);

    --ds-input-bg: var(--ds-surface);

    --ds-table-stripe: rgba(15, 23, 42, 0.02);

    --ds-assistant-bg: var(--ds-surface-elevated);

    --ds-assistant-accent: var(--ds-primary);

}