/* ============================================================ Theme: Default Refresh · Terracotta Modern Refinement of the built-in terracotta palette: warmer mid-tones, slightly higher contrast, subtle glass on the topbar/sidebar, Inter Tight everywhere display. Activate with `data-template="default"` on or . ============================================================ */ [data-template="default"] { --font-display: "Inter Tight", "Inter", system-ui, sans-serif; --tracking-display: -0.04em; /* Acento — terracotta pulida (más cálido, menos rojo) */ --brand: #DD6B3A; /* warmer terracotta */ --brand-2: #B85426; --brand-3: #FF8A5C; --brand-fg: #FFFFFF; --brand-soft: color-mix(in oklch, var(--brand) 18%, transparent); /* Estados — armónicos con terracotta */ --leaf: #5BA572; --warn: #DDA53D; --danger: #DD5945; --info: #5C8FCA; --radius-md: 8px; --radius-lg: 12px; --radius-xl: 16px; --radius-2xl: 22px; --page-pad: 24px; --topbar-h: 56px; } /* Default-refresh · light */ [data-template="default"][data-theme="erplora-light"] { --bg: #FBF7F1; /* cálido off-white */ --bg-1: rgba(255, 255, 255, 0.85); /* topbar/sidebar glass-light */ --bg-2: #FFFFFF; --bg-3: #F5EFE5; --bg-4: #E8DFD0; --line: rgba(40, 24, 12, 0.07); --line-2: rgba(40, 24, 12, 0.13); --line-3: rgba(40, 24, 12, 0.24); --ink: #1A0F08; --ink-2: #524236; --ink-3: #877665; --ink-4: #B6A998; color-scheme: light; } /* Default-refresh · dark */ [data-template="default"][data-theme="erplora"] { --bg: #0E0B08; --bg-1: rgba(28, 24, 20, 0.65); /* topbar/sidebar glass-dark */ --bg-2: #1E1A16; --bg-3: #2A241E; --bg-4: #38302A; --line: rgba(245, 230, 215, 0.07); --line-2: rgba(245, 230, 215, 0.13); --line-3: rgba(245, 230, 215, 0.22); --ink: #F8F2E8; --ink-2: #C8BAA8; --ink-3: #94856F; --ink-4: #5E5345; color-scheme: dark; } /* Glass sutil solo en chrome (topbar + sidebar), no en cards. Distingue de "glass" / "glass-mono" que aplican blur a TODO. */ [data-template="default"] .topbar, [data-template="default"] .sidebar, [data-template="default"] .app-topbar, [data-template="default"] .topbar, [data-template="default"] .sidebar, [data-template="default"] .app-topbar { backdrop-filter: blur(16px) saturate(140%); -webkit-backdrop-filter: blur(16px) saturate(140%); }