/*
 * Tokens de marca COCUA (Guía v3.0) para auth / error / base_public.
 * La app autenticada usa app-base.css; esta hoja cubre páginas que aún
 * importan tokens.css. No usar en la landing (public-design.css).
 *
 *   Verde COCUA           #2F6B4E  (marca, CTAs, --navy legado)
 *   Bosque                #132A20  (texto / fondo oscuro)
 *   Piedra                #5F6B63  (texto muted)
 *   Arena / Crema         #ECE6D8 / #F7F5EF
 *   Conciliado            #1F8A5B
 *   theme-color           #2F6B4E
 */
:root {
  --color-navy: #2f6b4e;
  --color-primary: #2f6b4e;
  --color-primary-hover: #132a20;
  --color-primary-mid: #4e8f6e;
  --color-text-title: #132a20;
  --color-text: #132a20;
  --color-text-muted: #5f6b63;
  --color-link: #2f6b4e;
  --color-surface: #f7f5ef;
  --color-page-bg: #ece6d8;
  --color-border-subtle: rgba(47, 107, 78, 0.14);
  --color-success: #1f8a5b;
  --color-success-bg: #e4f0e9;
  --color-success-border: #4e8f6e;
  --color-accent-green: #4e8f6e;
  --color-error: #d5503a;
  --color-error-bg: #fdeeee;
  --color-error-border: #f0b4aa;

  --color-primary-tint: #e4f0e9;

  --font-sans: "Hanken Grotesk", -apple-system, BlinkMacSystemFont, sans-serif;
  --font-display: "Spectral", Georgia, serif;
  --font-mono: "IBM Plex Mono", ui-monospace, monospace;

  --radius-card: 14px;
  --radius-input: 10px;
  --radius-pill: 999px;

  --shadow-card: 0 4px 20px rgba(19, 42, 32, 0.06);
  --border-card: 1px solid rgba(47, 107, 78, 0.14);
  --shadow-nav: 0 4px 6px rgba(19, 42, 32, 0.04), 0 10px 32px rgba(19, 42, 32, 0.08),
    0 0 0 1px rgba(247, 245, 239, 0.8) inset;

  --focus-ring: 0 0 0 3px rgba(47, 107, 78, 0.28);

  --z-nav: 100;

  --duration-interaction: 0.15s;

  --navy: var(--color-navy);
  --blue: var(--color-primary);
  --blue-hover: var(--color-primary-hover);
  --text: var(--color-text);
  --muted: var(--color-text-muted);
  --green: var(--color-success);
  --green-bg: var(--color-success-bg);
  --green-border: var(--color-success-border);
  --accent-green: var(--color-accent-green);
  --red: var(--color-error);
  --amber: #de8a2c;
}

.cocua-wordmark {
  display: inline-flex;
  align-items: center;
  gap: 10px;
}
.cocua-wordmark-text {
  font-family: var(--font-sans);
  font-weight: 800;
  font-size: 13px;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--navy);
  line-height: 1;
}
.cocua-mark { display: block; }
.cocua-mark-l { fill: #2f6b4e; }
.cocua-mark-r { fill: #7fbe9a; }