/**
 * tokens.css — Fuente única de verdad para los design tokens de TrufiQ.
 *
 * Importado por app.css y referenciado directamente por landing_page.html.
 * Cualquier cambio de color, tipografía o sombra se hace AQUÍ y se propaga
 * automáticamente a la app y a la landing.
 */
:root {
    --tf-font-sans: "Manrope", "Segoe UI", sans-serif;
    --tf-font-display: "Cormorant Garamond", Georgia, serif;
    --tf-bg: #f3efe7;
    --tf-bg-soft: #ebe3d6;
    --tf-surface: rgba(255, 250, 243, 0.86);
    --tf-surface-strong: #fffaf3;
    --tf-surface-muted: #f6efe4;
    --tf-border: rgba(88, 67, 45, 0.14);
    --tf-text: #2f261d;
    --tf-text-soft: #6f6254;
    --tf-text-muted: #9a8a7a;
    --tf-heading: #24180f;
    --tf-primary: #566b2f;
    --tf-primary-dark: #445523;
    --tf-accent: #9d5a34;
    --tf-accent-soft: rgba(157, 90, 52, 0.14);
    --tf-accent-dark: #7c4829;
    --tf-danger: #9a3f33;
    --tf-danger-soft: rgba(154, 63, 51, 0.12);
    --tf-info: #496f77;
    --tf-info-soft: rgba(73, 111, 119, 0.14);
    --tf-success: #5c7c35;
    --tf-success-soft: rgba(92, 124, 53, 0.14);
    --tf-warning: #af7a2f;
    --tf-warning-soft: rgba(175, 122, 47, 0.14);
    --tf-shadow-sm: 0 18px 40px rgba(67, 47, 28, 0.08);
    --tf-shadow-md: 0 28px 70px rgba(50, 36, 23, 0.14);
    --tf-radius-sm: 0.9rem;
    --tf-radius-md: 1.25rem;
    --tf-radius-lg: 1.75rem;
}