/* ========================================================================= SOMBRAS OSIRIS · Sistema de diseño premium (reconstruido) Tokens + temas día / noche. Tipografías cargadas desde el . Paleta: dorado solar sobre marrón cálido casi negro. ========================================================================= */ :root { /* ---- Tipografías ---- */ --font-display: "Fraunces", Georgia, "Times New Roman", serif; --font-body: "Geist", system-ui, -apple-system, "Segoe UI", sans-serif; --font-mono: "JetBrains Mono", ui-monospace, "SFMono-Regular", monospace; /* ---- Radios ---- */ --radius: 11px; --radius-lg: 15px; --radius-xl: 22px; /* ---- Transiciones ---- */ --t-fast: .18s cubic-bezier(.16,1,.3,1); --t-mid: .42s cubic-bezier(.16,1,.3,1); /* ---- Sombras ---- */ --shadow-sm: 0 4px 16px rgba(0,0,0,.18); --shadow-md: 0 14px 40px rgba(0,0,0,.30); --shadow-lg: 0 28px 70px rgba(0,0,0,.45); } /* ========================================================================= TEMA NOCHE (por defecto) ========================================================================= */ :root, [data-theme="dark"] { color-scheme: dark; --bg: #110d09; --bg-deep: #0a0806; --surface: #19140e; --surface2: #221b13; --surface3: #2c241a; --line: rgba(240, 224, 198, .09); --line2: rgba(240, 224, 198, .15); --text: #f3ecdf; --text-dim: #c0b4a1; --muted: #8d8170; --hint: #6d6456; /* Dorado solar */ --accent: #d4a017; --accent-2: #ecbb39; --accent-soft: rgba(212, 160, 23, .085); --accent-line: rgba(212, 160, 23, .38); --accent-glow: rgba(212, 160, 23, .28); --on-accent: #1a1208; --green: #3ecf8e; } /* ========================================================================= TEMA DÍA ========================================================================= */ [data-theme="light"] { color-scheme: light; --bg: #f3ecdc; --bg-deep: #faf5ea; --surface: #fffdf8; --surface2: #f3ebd9; --surface3: #e9dec7; --line: rgba(54, 38, 14, .12); --line2: rgba(54, 38, 14, .20); --text: #2a2015; --text-dim: #5d5142; --muted: #8a7c66; --hint: #a89a80; --accent: #a8780c; --accent-2: #c89212; --accent-soft: rgba(154, 110, 10, .10); --accent-line: rgba(154, 110, 10, .35); --accent-glow: rgba(154, 110, 10, .22); --on-accent: #fdf6e7; --green: #1f9d63; } /* ========================================================================= Utilidades base compartidas ========================================================================= */ ::selection { background: var(--accent-soft); color: var(--accent); } .u-accent { color: var(--accent); } .u-mono { font-family: var(--font-mono); } .u-display { font-family: var(--font-display); }