/* * THEME — el unico archivo que un fork por cliente deberia tocar. * Los valores de abajo son el shell neutro por defecto (ver DESIGN.md). * Para personalizar una marca: cambiar --primary/--accent y, si hace * falta, --heading-font (cargando la tipografia correspondiente arriba * en ). No tocar --bg/--surface/--ink: ver DESIGN.md, "Don'ts". */ :root { --bg: oklch(1.000 0.000 0); --surface: oklch(0.972 0.004 35); --surface-hover: oklch(0.950 0.005 35); --border: oklch(0.900 0.006 35); --border-strong: oklch(0.800 0.008 35); --ink: oklch(0.160 0.010 35); --ink-muted: oklch(0.520 0.010 35); --ink-faint: oklch(0.680 0.008 35); --primary: oklch(0.550 0.180 20); --primary-hover: oklch(0.480 0.180 20); --primary-ink: oklch(1.000 0.000 0); --accent: oklch(0.400 0.090 230); --accent-hover: oklch(0.340 0.090 230); --accent-ink: oklch(1.000 0.000 0); --success: oklch(0.550 0.140 150); --success-bg: oklch(0.950 0.030 150); --warning: oklch(0.860 0.130 85); --warning-ink: oklch(0.160 0.010 35); --heading-font: 'Inter', system-ui, sans-serif; --body-font: 'Inter', system-ui, sans-serif; --radius-sm: 6px; --radius-md: 10px; --radius-lg: 16px; --radius-pill: 999px; --space-1: 4px; --space-2: 8px; --space-3: 12px; --space-4: 16px; --space-5: 24px; --space-6: 32px; --space-7: 48px; --space-8: 64px; --shadow-sm: 0 2px 8px oklch(0.16 0.01 35 / 0.12); --shadow-md: 0 8px 32px oklch(0.16 0.01 35 / 0.16); --sidebar-width: 240px; --sidebar-width-collapsed: 64px; }