:root {
    /* === PRIMARIOS === */
    --tc-navy:            #1B2B4B;
    --tc-gold:            #C9A84C;
    --tc-gold-light:      #E8D5A3;
    --tc-burgundy:        #8B2635;

    /* === FONDOS === */
    --tc-bg:              #FAF7F2;
    --tc-bg-alt:          #F3EDE3;
    --tc-bg-dark:         #1B2B4B;
    --tc-bg-accent:       #F0E8D8;

    /* === SUPERFICIES === */
    --tc-surface:         #FFFFFF;
    --tc-surface-warm:    rgba(201, 168, 76, 0.06);
    --tc-surface-navy:    rgba(27, 43, 75, 0.04);

    /* === TEXTO === */
    --tc-ink:             #1B2B4B;
    --tc-ink-soft:        #4A5568;
    --tc-ink-muted:       #8896A6;
    --tc-ink-on-dark:     #FAF7F2;
    --tc-ink-gold:        #C9A84C;

    /* === BORDES === */
    --tc-border:          rgba(27, 43, 75, 0.1);
    --tc-border-gold:     rgba(201, 168, 76, 0.3);
    --tc-border-strong:   rgba(27, 43, 75, 0.2);

    /* === ESTADOS === */
    --tc-success:         #2D6A4F;
    --tc-danger:          #B42318;
    --tc-whatsapp:        #25D366;

    /* === SOMBRAS === */
    --tc-shadow-sm:       0 2px 8px rgba(27, 43, 75, 0.06);
    --tc-shadow:          0 8px 32px rgba(27, 43, 75, 0.08);
    --tc-shadow-lg:       0 20px 60px rgba(27, 43, 75, 0.12);
    --tc-shadow-gold:     0 8px 32px rgba(201, 168, 76, 0.15);

    /* === TIPOGRAFIA === */
    --tc-font-display:    'Playfair Display', Georgia, serif;
    --tc-font-body:       'Inter', -apple-system, sans-serif;

    --tc-text-xs:    0.75rem;
    --tc-text-sm:    clamp(0.8rem, 0.75rem + 0.2vw, 0.875rem);
    --tc-text-base:  clamp(0.95rem, 0.9rem + 0.2vw, 1.05rem);
    --tc-text-lg:    clamp(1.05rem, 1rem + 0.3vw, 1.2rem);
    --tc-text-xl:    clamp(1.25rem, 1.1rem + 0.6vw, 1.5rem);
    --tc-text-2xl:   clamp(1.6rem, 1.3rem + 1.2vw, 2.2rem);
    --tc-text-3xl:   clamp(2rem, 1.5rem + 2vw, 3rem);
    --tc-text-hero:  clamp(2.5rem, 2rem + 3vw, 4.5rem);

    /* === ESPACIADO === */
    --tc-space-xs:    0.375rem;
    --tc-space-sm:    0.625rem;
    --tc-space-md:    1rem;
    --tc-space-lg:    1.5rem;
    --tc-space-xl:    2.5rem;
    --tc-space-2xl:   4rem;
    --tc-space-3xl:   6rem;

    --tc-section-py:  clamp(5rem, 10vw, 8rem);
    --tc-container:   1200px;
    --tc-container-sm: 900px;
    --tc-gutter:      clamp(1.25rem, 4vw, 2.5rem);

    /* === RADIOS === */
    --tc-radius-sm:   6px;
    --tc-radius-md:   12px;
    --tc-radius-lg:   20px;
    --tc-radius-xl:   32px;
    --tc-radius-full: 999px;
}