/*
 * Conta Grana — Color tokens
 * Anchored by Azul Profundo (#002699) → Verde Crescimento (#3AD77E).
 * The blue→green journey is the brand's signature: complexity → growth.
 */

:root {

  /* ── Primary ─────────────────────────────── */
  --cg-blue:        #002699;  /* Azul Profundo — anchor brand color */
  --cg-blue-mid:    #1a5ca8;  /* Azul Médio — gradient midpoint */
  --cg-blue-light:  #3366CC;  /* Azul Claro — lighter accent */
  --cg-blue-press:  #001f80;  /* Pressed/hover state for blue buttons */
  --cg-cyan:        #00B4D8;  /* Cyan — brand-mark accent */
  --cg-green:       #3AD77E;  /* Verde Crescimento — CTA, positive signal */
  --cg-green-dark:  #22B864;  /* Verde Dark — gradient end for buttons */

  /* ── Neutrals ────────────────────────────── */
  --cg-white:       #FFFFFF;
  --cg-gray-light:  #F4F6FA;  /* Light section / app content background */
  --cg-gray-hover:  #EDF2F7;  /* Hover / disabled fill on light */
  --cg-gray-border: #E2E8F0;  /* Borders on light backgrounds */
  --cg-gray-text:   #4A5568;  /* Body text on light backgrounds */
  --cg-gray-muted:  #94A3B8;  /* Muted labels, table headers */
  --cg-title:       rgba(10,15,30,0.85); /* Títulos — never pure black */
  --cg-dark:        #0A0F1E;  /* Primary dark background (sidebar, app) */
  --cg-dark-card:   #111827;  /* Elevated card on dark */
  --cg-darker:      #040710;  /* Deepest dark (footer) */

  /* ── Glass / transparency ────────────────── */
  --glass-dark:         rgba(255,255,255,0.08);  /* Subtle glass on dark/gradient */
  --glass-dark-mid:     rgba(255,255,255,0.14);  /* Medium glass */
  --glass-dark-blue:    rgba(0,38,153,0.25);     /* Blue-toned glass */
  --glass-dark-border:  rgba(255,255,255,0.15);  /* Glass border on dark */
  --glass-light:        rgba(0,38,153,0.05);
  --glass-light-border: rgba(0,38,153,0.12);

  /* ── Data / semantic ─────────────────────── */
  --data-positive:  #22C55E;  /* Green — gains, pago, ativo */
  --data-negative:  #EF4444;  /* Red — losses, despesa, erro */
  --data-blue:      #3B82F6;  /* Blue — primary data series, info */
  --data-cyan:      #06B6D4;  /* Cyan — secondary series (DRE) */
  --data-amber:     #F59E0B;  /* Amber — warnings, pendente */
  --data-orange:    #F97316;  /* Orange — alerts */
  --data-purple:    #8B5CF6;  /* Purple — tertiary series, agendado */
  --data-gray:      #94A3B8;  /* Gray — neutral, cancelado */

  /* ── Semantic aliases ────────────────────── */
  --surface-app:        var(--cg-gray-light);
  --surface-card:       var(--cg-white);
  --surface-dark:       var(--cg-dark);
  --surface-footer:     var(--cg-darker);
  --text-primary:       var(--cg-title);
  --text-body:          var(--cg-gray-text);
  --text-muted:         var(--cg-gray-muted);
  --text-on-dark:       rgba(255,255,255,0.85);
  --text-on-dark-soft:  rgba(255,255,255,0.55);
  --border-default:     var(--cg-gray-border);
  --accent:             var(--cg-blue);
  --accent-cta:         var(--cg-green);

}