:root{
/* Base palette — from brand manual (Paleta cromática) */
--nautia-teal:#00c5b1; /* accent: inicio, claridad, exploración */
--nautia-green:#007059; /* accent: profundidad, estabilidad, confianza */
--nautia-black:#0d0d0d; /* base */
--nautia-white:#ffffff; /* base */
/* Derived tints (oklch mixes of the two accents — not in the manual, used for surfaces) */
--nautia-teal-050:#eefaf7;
--nautia-teal-100:#d5f4ee;
--nautia-teal-200:#a3e8dc;
--nautia-teal-600:#00a091;
--nautia-green-700:#005c49;
--nautia-teal-300:#7cd9c4; /* soft pill-button fill seen in mockups */
--ink-on-teal:#0e3b31;
--nautia-mint:#e9f5f0; /* soft mint background blocks seen in mockups */
/* Semantic aliases */
--brand-primary:var(--nautia-green);
--brand-accent:var(--nautia-teal);
--text-heading:var(--nautia-black);
--text-body:#333333;
--text-muted:#7a8a85;
--text-inverse:var(--nautia-white);
--text-accent:var(--nautia-teal);
--surface-page:var(--nautia-white);
--surface-card:var(--nautia-white);
--surface-tint:var(--nautia-mint);
--surface-dark:var(--nautia-black);
--surface-brand:var(--nautia-green);
--border-subtle:#e3ebe8;
--border-accent:var(--nautia-teal);
--link:var(--nautia-green);
--link-hover:var(--nautia-teal-600);
}