/* ============================================================
   Phronesis — Color tokens
   Azul institucional como base, ouro como acento raro.
   Regra do ouro: escasso por princípio (< ~5% de qualquer tela).
   ============================================================ */

:root {
  /* ---- Base palette (brand) ---- */
  --azul-escuro: #1E2D4A;   /* Primária — fundos institucionais, títulos */
  --azul-medio:  #1A3A6B;   /* Secundária — destaques, links, apoio */
  --azul-claro:  #E4EAF6;   /* Fundo claro, seções alternadas, cartões */
  --ouro:        #C49A3C;   /* Acento — linhas, ícone-chave, único CTA */
  --ouro-suave:  #D4B86A;   /* Acento secundário — hover, realces sutis */
  --branco:      #FFFFFF;

  /* ---- Extended neutral ramp (derivados do azul, para texto/bordas) ---- */
  --azul-900: #16223A;   /* mais escuro que a primária, p/ profundidade */
  --azul-800: #1E2D4A;   /* = azul-escuro */
  --azul-700: #243758;
  --azul-600: #1A3A6B;   /* = azul-medio */
  --azul-100: #E4EAF6;   /* = azul-claro */
  --azul-050: #F2F5FB;   /* fundo alternado mais sutil que azul-claro */

  --cinza-700: #3A4256;  /* texto secundário sobre branco */
  --cinza-500: #5C6678;  /* texto de apoio / legendas */
  --cinza-300: #C7CDDA;  /* bordas em fundo claro */
  --cinza-200: #DDE2EC;  /* divisórias sutis */

  /* ---- Gold ramp (uso pontual) ---- */
  --ouro-900: #9E7A28;   /* gold pressed / texto ouro em fundo claro */
  --ouro-500: #C49A3C;   /* = ouro */
  --ouro-300: #D4B86A;   /* = ouro-suave */

  /* ---- Semantic: surfaces / backgrounds ---- */
  --surface-page:        var(--branco);     /* fundo padrão */
  --surface-alt:         var(--azul-050);   /* alternância de ritmo suave */
  --surface-tinted:      var(--azul-claro); /* seção em azul-claro */
  --surface-card:        var(--branco);
  --surface-institutional: var(--azul-escuro); /* blocos de peso/autoridade */
  --surface-institutional-deep: var(--azul-900);

  /* ---- Semantic: text ---- */
  --text-strong:   var(--azul-escuro);  /* títulos, ênfase */
  --text-body:     var(--cinza-700);    /* corpo sobre branco */
  --text-muted:    var(--cinza-500);    /* legendas, notas */
  --text-on-dark:  var(--branco);       /* texto sobre azul */
  --text-on-dark-muted: #AEB9D0;        /* apoio sobre azul */
  --text-link:     var(--azul-medio);
  --text-accent:   var(--ouro-900);     /* texto ouro legível em fundo claro */

  /* ---- Semantic: lines / borders ---- */
  --border-subtle: var(--cinza-200);    /* divisórias em fundo claro */
  --border-default: var(--cinza-300);
  --border-on-dark: rgba(255,255,255,0.16);
  --rule-gold:     var(--ouro);         /* linha fina de distinção */

  /* ---- Semantic: accent / interactive ---- */
  --accent:           var(--ouro);
  --accent-hover:     var(--ouro-suave);
  --accent-pressed:   var(--ouro-900);
  --focus-ring:       rgba(196, 154, 60, 0.45);

  /* ---- Status (sóbrios, dessaturados — sem semáforo gritante) ---- */
  --status-positive: #2E6B4F;
  --status-warning:  #9E7A28;
  --status-danger:   #9B3B34;
  --status-info:     var(--azul-medio);
}