:root{--dashboard-bg: var(--color-bg);--dashboard-background: var(--layout-page-bg, var(--color-bg));--dashboard-panel: var(--color-surface);--dashboard-text: var(--color-text);--dashboard-text-secondary: var(--color-text-secondary);--custom-bg-color: var(--color-bg);--custom-panel-color: var(--color-surface);--custom-color: var(--color-text);--custom-color-secondary: var(--color-text-secondary);--custom-primary: var(--color-primary);--custom-border: 1px solid var(--color-border);--custom-border-color: var(--color-border);--custom-card-bg: var(--color-surface);--custom-hover-bg: color-mix(in srgb, var(--color-text) 5%, transparent);--custom-text-secondary: var(--color-text-secondary);--layout-bg-color: var(--color-bg);--layout-panel-color: var(--color-surface);--layout-text-color: var(--color-text);--layout-text-secondary: var(--color-text-secondary);--layout-border-color: var(--color-border);--layout-card-bg: var(--color-surface);--layout-hover-bg: color-mix(in srgb, var(--color-text) 5%, transparent);--gray-25: var(--gray-soft-blue-50);--gray-50: var(--gray-soft-blue-100);--gray-100: var(--gray-soft-blue-100);--gray-500: var(--gray-soft-blue-500);--gray-600: var(--gray-soft-blue-600);--gray-700: var(--gray-soft-blue-600);--gray-900: var(--gray-soft-blue-700);--gray-soft-blue-50: rgba(51, 85, 139, .02);--gray-soft-blue-100: rgba(51, 85, 139, .04);--gray-soft-blue-150: rgba(51, 85, 139, .05);--gray-soft-blue-200: rgba(51, 85, 139, .08);--gray-soft-blue-300: rgba(51, 85, 139, .12);--gray-soft-blue-400: rgba(51, 85, 139, .16);--gray-soft-blue-500: rgba(51, 85, 139, .24);--gray-soft-blue-600: rgba(51, 85, 139, .36);--gray-soft-blue-700: rgba(51, 85, 139, .48);--gray-soft-blue-800: rgba(51, 85, 139, .64);--gray-soft-blue-900: rgba(51, 85, 139, .8);--gray-soft-blue: var(--gray-soft-blue-200);--gray-soft-blue-dark-50: rgba(240, 245, 255, .02);--gray-soft-blue-dark-100: rgba(240, 245, 255, .04);--gray-soft-blue-dark-150: rgba(240, 245, 255, .05);--gray-soft-blue-dark-200: rgba(240, 245, 255, .08);--gray-soft-blue-dark-300: rgba(240, 245, 255, .12);--gray-soft-blue-dark-400: rgba(240, 245, 255, .16);--gray-soft-blue-dark-500: rgba(240, 245, 255, .24);--gray-soft-blue-dark-600: rgba(240, 245, 255, .36);--gray-soft-blue-dark-700: rgba(240, 245, 255, .48);--gray-soft-blue-dark-800: rgba(240, 245, 255, .64);--gray-soft-blue-dark-900: rgba(240, 245, 255, .8);--layout-surface: var(--theme-layout-surface, var(--color-surface));--layout-muted-surface: var(--theme-layout-muted-surface, var(--color-bg));--layout-border-color: var(--theme-layout-border-color, rgba(15, 23, 42, .08));--layout-page-bg: var(--theme-layout-page-bg, var(--color-bg));--layout-sidebar-width: 280px;--layout-topbar-height: 64px;--layout-content-padding: var(--spacing-lg);--layout-gap: var(--spacing-md);--theme-bg: var(--color-bg);--theme-surface: var(--color-surface);--theme-text: var(--color-text);--theme-text-secondary: var(--color-text-secondary);--theme-primary: var(--color-primary);--theme-secondary: var(--color-secondary);--theme-border: var(--color-border);--brand-primary: #667eea;--brand-secondary: #764ba2;--brand-contrast: #ffffff;--accent-primary: var(--brand-primary);--accent-secondary: var(--brand-secondary);--accent-success: #2ecc71;--accent-warning: #f1c40f;--accent-danger: #e74c3c;--accent-info: #9b59b6;--focus-color-tecnologia: #4c6ef5;--focus-color-arte: #f472b6;--focus-color-ciencias: #0ea5e9;--focus-color-impacto-social: #facc15;--focus-color-negocios: #22c55e;--focus-color-maker: #fb7185;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--border-radius-xs: 4px;--border-radius-sm: 4px;--border-radius-md: 8px;--border-radius-lg: 12px;--border-radius-xl: 16px;--border-radius-full: 9999px;--shadow-sm: 0 2px 4px color-mix(in srgb, var(--theme-text) 10%, transparent);--shadow-md: 0 4px 8px color-mix(in srgb, var(--theme-text) 15%, transparent);--shadow-lg: 0 8px 25px color-mix(in srgb, var(--theme-text) 20%, transparent);--shadow-soft: 0 2px 8px color-mix(in srgb, var(--theme-text) 8%, transparent);--transition-fast: .15s ease;--transition-normal: .2s ease;--transition-slow: .3s ease;--profile-academic-color: #3498db;--profile-tech-color: #2ecc71;--profile-artistic-color: #e74c3c;--profile-explorer-color: #f39c12;--profile-no-profile-color: #95a5a6;--app-primary: #667eea;--app-primary-hover: #764ba2;--app-success: #2ecc71;--app-warning: #f1c40f;--app-danger: #e74c3c;--app-info: #9b59b6;--social-google: #4285f4;--social-microsoft: #00bcf2;--bar-background: color-mix(in srgb, var(--theme-text) 10%, transparent);--pill-bg: color-mix(in srgb, var(--accent-primary) 10%, transparent);--pill-text: var(--accent-primary);--cta-primary: var(--accent-primary);--cta-primary-text: #ffffff;--bg-primary: var(--layout-surface);--border-color: var(--layout-border-color);--text-primary: var(--theme-text);--color-accent: var(--theme-primary);--font-size-lg: 1.75rem;--font-size-md: 1rem;--font-size-sm: .75rem;--container-max-width: 100%}body[data-brand-theme=amarillo-morado],:root:has(body[data-brand-theme=amarillo-morado]){--brand-primary: #fbbf24;--brand-secondary: #7c3aed;--brand-contrast: #1f172a}body[data-brand-theme=morado-naranja],:root:has(body[data-brand-theme=morado-naranja]){--brand-primary: #7c3aed;--brand-secondary: #f97316;--brand-contrast: #0f172a}body[data-brand-theme=rosa-verde],:root:has(body[data-brand-theme=rosa-verde]){--brand-primary: #ec4899;--brand-secondary: #10b981;--brand-contrast: #ffffff}body[data-brand-theme=verde-morado],:root:has(body[data-brand-theme=verde-morado]){--brand-primary: #10b981;--brand-secondary: #7c3aed;--brand-contrast: #ffffff}@media (prefers-color-scheme: dark){:root{--gray-soft-blue-50: var(--gray-soft-blue-dark-50);--gray-soft-blue-100: var(--gray-soft-blue-dark-100);--gray-soft-blue-150: var(--gray-soft-blue-dark-150);--gray-soft-blue-200: var(--gray-soft-blue-dark-200);--gray-soft-blue-300: var(--gray-soft-blue-dark-300);--gray-soft-blue-400: var(--gray-soft-blue-dark-400);--gray-soft-blue-500: var(--gray-soft-blue-dark-500);--gray-soft-blue-600: var(--gray-soft-blue-dark-600);--gray-soft-blue-700: var(--gray-soft-blue-dark-700);--gray-soft-blue-800: var(--gray-soft-blue-dark-800);--gray-soft-blue-900: var(--gray-soft-blue-dark-900)}}
