/* ──────────────────────────────────────────────────────────────────
   CAXIASIA — Design Tokens
   Fonte única da identidade visual (logo + paleta + tipografia).
   Carregar ANTES de base.css em qualquer template.
   ────────────────────────────────────────────────────────────────── */

:root {
    /* ── Paleta oficial ─────────────────────────────────────────── */
    --brand-navy:        #0F2A47;  /* Principal */
    --brand-navy-deep:   #0A1F36;  /* Fundo escuro */
    --brand-amber:       #C8924B;  /* Acento */
    --brand-stone:       #F5F1EA;  /* Fundo claro */
    --brand-slate:       #7A8699;  /* Texto secundário */
    --brand-white:       #FFFFFF;

    /* Variações utilitárias derivadas (para hovers, gradients, sombras) */
    --brand-navy-soft:   #1a3a5c;  /* navy +12% lum */
    --brand-navy-mute:   #2a4d70;  /* navy +24% lum (links/links hover sobre dark) */
    --brand-amber-soft:  #d9a866;  /* amber +10% lum */
    --brand-amber-deep:  #a87a3c;  /* amber -10% lum */
    --brand-slate-soft:  #8FA0B5;  /* slate +12% lum (texto sobre fundo escuro) */

    /* RGBA bases (para sombras/gradientes com transparência) */
    --brand-navy-rgb:    15, 42, 71;
    --brand-amber-rgb:   200, 146, 75;

    /* ── Tipografia da marca ────────────────────────────────────── */
    --font-display: 'Geist', 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    --font-mono:    'JetBrains Mono', ui-monospace, 'SF Mono', Menlo, Consolas, 'Liberation Mono', monospace;
    --font-body:    'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;

    /* ── Cores específicas da logo (light theme) ────────────────── */
    --logo-primary: var(--brand-navy);
    --logo-tag:     var(--brand-slate);
}

[data-theme="dark"] {
    --logo-primary: #FFFFFF;
    --logo-tag:     var(--brand-slate-soft);
}

/* ── Sobrescrever variáveis do Bootstrap p/ usar paleta da marca ── */
:root {
    --bs-primary:           var(--brand-navy);
    --bs-primary-rgb:       var(--brand-navy-rgb);
    --bs-link-color:        var(--brand-navy);
    --bs-link-color-rgb:    var(--brand-navy-rgb);
    --bs-link-hover-color:  var(--brand-navy-deep);
    --bs-btn-focus-shadow-rgb: var(--brand-navy-rgb);
}

/* Bootstrap btn-primary: forçar uso da paleta da marca */
.btn-primary,
.btn.btn-primary {
    --bs-btn-bg: var(--brand-navy);
    --bs-btn-border-color: var(--brand-navy);
    --bs-btn-hover-bg: var(--brand-navy-deep);
    --bs-btn-hover-border-color: var(--brand-navy-deep);
    --bs-btn-active-bg: var(--brand-navy-deep);
    --bs-btn-active-border-color: var(--brand-navy-deep);
    --bs-btn-disabled-bg: var(--brand-navy);
    --bs-btn-disabled-border-color: var(--brand-navy);
    --bs-btn-focus-shadow-rgb: var(--brand-navy-rgb);
}

.bg-primary {
    background-color: var(--brand-navy) !important;
}

.text-primary {
    color: var(--brand-navy) !important;
}