/* ============================================================================ Sisteco Theme — tokens canónicos (convención Astryx, valores de marca Sisteco) Fuente de verdad compartida por: app LeadGen (lyd-leadgen) y Landing Sisteco. Editar SOLO aquí y re-copiar a los consumidores (ver README). Dark mode: definido pero desactivado por defecto. Activar con (o "light" para forzar claro). ========================================================================== */ :root { color-scheme: light; } :root[data-theme="dark"] { color-scheme: dark; } :root[data-theme="light"] { color-scheme: light; } :root { /* Backgrounds */ --color-background-body: light-dark(#F8F7F5, #141311); --color-background-surface: light-dark(#ffffff, #1d1c19); --color-background-card: light-dark(#ffffff, #1d1c19); --color-background-muted: light-dark(#fbfaf8, #191815); --color-overlay: light-dark(rgba(17, 17, 17, 0.45), rgba(0, 0, 0, 0.65)); /* Text (escala de tinta) */ --color-text-primary: light-dark(#111111, #f4f3f0); --color-text-secondary: light-dark(rgba(17, 17, 17, 0.68), rgba(244, 243, 240, 0.72)); --color-text-tertiary: light-dark(rgba(17, 17, 17, 0.50), rgba(244, 243, 240, 0.55)); --color-text-disabled: light-dark(rgba(17, 17, 17, 0.34), rgba(244, 243, 240, 0.38)); /* Accent (lima de marca — funciona en ambos modos) */ --color-accent: #c5ed36; --color-accent-hover: #b3d82f; --color-on-accent: #1d2b00; /* Border */ --color-border: light-dark(#e5e5e5, rgba(255, 255, 255, 0.10)); --color-border-emphasized: light-dark(#d8d8d4, rgba(255, 255, 255, 0.18)); /* Estado error (valores actuales de LeadGen) */ --color-error: light-dark(#d92d20, #ff8a7d); --color-error-muted: light-dark(#fde8e6, rgba(255, 138, 125, 0.16)); --color-on-error: light-dark(#b42318, #ffc6c1); /* Radius */ --radius-inner: 9px; --radius-element: 12px; --radius-container: 18px; --radius-full: 9999px; /* Shadows */ --shadow-low: 0 1px 2px light-dark(rgba(17,17,17,0.05), rgba(0,0,0,0.35)), 0 1px 3px light-dark(rgba(17,17,17,0.04), rgba(0,0,0,0.30)); --shadow-med: 0 4px 14px light-dark(rgba(17,17,17,0.07), rgba(0,0,0,0.45)), 0 1px 3px light-dark(rgba(17,17,17,0.05), rgba(0,0,0,0.35)); --shadow-high: 0 18px 50px light-dark(rgba(17,17,17,0.16), rgba(0,0,0,0.60)), 0 4px 12px light-dark(rgba(17,17,17,0.08), rgba(0,0,0,0.40)); /* Tipografía (self-hosted — Ley 21.719) */ --font-heading: "Space Grotesk", system-ui, sans-serif; --font-body: "Hanken Grotesk", system-ui, -apple-system, "Segoe UI", sans-serif; --font-mono: "JetBrains Mono", ui-monospace, "Cascadia Mono", Consolas, monospace; /* Scoring de leads (semántica LYD) */ --score-hot: #c5ed36; --score-hot-ink: light-dark(#354800, #354800); --score-warm: #f0a830; --score-warm-ink: light-dark(#6b4400, #ffd9a3); --score-nurture: #5b8def; --score-nurture-ink: light-dark(#1c3d80, #c9dbff); --score-skip: light-dark(#b8b8b3, #55554f); --score-skip-ink: light-dark(#5a5a55, #c4c4bd); /* Motion */ --ease-out-expo: cubic-bezier(0.16, 1, 0.3, 1); }