/* ============================================================ NAWI · Design tokens (fuente: docs/DESIGN_SYSTEM.md) Obsidiana + oro real + esmeralda colombiana. ============================================================ */ :root { /* Fondos */ --obsidian: #080C0A; --panel: #0F1410; --panel-2: #141A15; --panel-3: #1A2219; --line: #243028; --line-2: #1A2420; /* Oro */ --gold: #C8A255; --gold-hi: #EDD98A; --gold-glow: rgba(200, 162, 85, 0.18); --gold-glow-strong: rgba(200, 162, 85, 0.35); /* Esmeralda */ --em: #27A078; --em-deep: #174F3C; --em-glow: rgba(39, 160, 120, 0.20); /* Texto */ --cream: #EDE8DF; --muted: #6B7A72; --muted-2: #4A5750; /* Estado */ --danger: #C06B5A; --warn: #C89A3A; /* Radios */ --r-card: 24px; --r-card-md: 18px; --r-btn: 14px; --r-input: 14px; --r-pill: 99px; /* Tipografía */ --font-display: 'Fraunces', Georgia, 'Times New Roman', serif; --font-ui: 'Inter', system-ui, -apple-system, Segoe UI, Roboto, sans-serif; --font-mono: 'IBM Plex Mono', 'SF Mono', Consolas, monospace; } * { box-sizing: border-box; margin: 0; padding: 0; } html, body { background: var(--obsidian); color: var(--cream); font-family: var(--font-ui); -webkit-font-smoothing: antialiased; min-height: 100vh; } /* Soporte RTL (árabe) — se activa con desde i18n.js */ [dir="rtl"] { text-align: right; } [dir="rtl"] .row-reverse-safe { flex-direction: row-reverse; } a { color: inherit; text-decoration: none; } button { font-family: inherit; cursor: pointer; } .mono { font-family: var(--font-mono); } .gold { color: var(--gold-hi); } .em { color: var(--em); } .muted { color: var(--muted); } .hidden { display: none !important; }