/* ============================================================ 32 PROYECTOS — Color tokens Concept: "Hecho a medida" → precisión + medición + calidez artesanal. A warm off-white paper base, deep ink, and one confident brand red. Wood + warm beige carry the artisan/manufacturing warmth. ============================================================ */ :root { /* — Brand red (exact, from production) — */ --accent: #C41E3A; /* rojo intenso elegante — primary brand */ --accent-deep: #A3182F; /* hover / pressed brand red */ --accent-soft: rgba(196, 30, 58, 0.10); /* tint for chips, icon wells, focus rings */ /* — Surfaces — */ --bg: #F5F5F3; /* warm white / paper — page base */ --bg-2: #EFEEEA; /* deeper cream — alternating sections */ --warm: #E8DED1; /* warm beige — secondary surface (closets band) */ --card: #FFFFFF; /* card / panel surface */ /* — Ink / text — */ --ink: #0F0F0F; /* deep near-black — headings, primary text */ --ink-2: #4A4A48; /* mid grey — body copy */ --ink-3: #646464; /* brand grey — captions, leads, meta */ /* — Lines / hairlines — */ --line: rgba(15, 15, 15, 0.10); /* default hairline */ --line-strong: rgba(15, 15, 15, 0.22); /* input borders, ghost button border */ /* — Material accent — */ --wood: #B08552; /* neutral wood tone (melamina / madera) */ /* — Semantic aliases — */ --text-strong: var(--ink); --text-body: var(--ink-2); --text-muted: var(--ink-3); --surface-page: var(--bg); --surface-alt: var(--bg-2); --surface-card: var(--card); --border-hairline: var(--line); --border-strong: var(--line-strong); /* — Secondary accent options (offered as Tweak in production) — */ --accent-terracota: #9A3324; --accent-grafito: #2B2B2B; --accent-bosque: #3E5C4B; } /* ============================================================ Dark "Noche" vibe — applied to or to any individual section via [data-vibe="dark"]. Used for testimonial / contract-preview / footer bands. ============================================================ */ [data-vibe="dark"] { --bg: #0F0F0F; --bg-2: #1A1A1A; --warm: #2A2A2A; --ink: #F5F5F3; --ink-2: #C9C7C1; --ink-3: #8A8A88; --line: rgba(245, 245, 243, 0.12); --line-strong: rgba(245, 245, 243, 0.24); --card: #1A1A1A; --accent: #FF6680; --accent-deep: #C41E3A; --accent-soft: rgba(216, 52, 79, 0.16); }