/* ============================================================
   theme.css — Design tokens únicos do systemg
   Todos os outros arquivos CSS consomem apenas estas variáveis.
   NUNCA use cor, tamanho ou sombra hard-coded fora deste arquivo.
   ============================================================ */

/* ── Google Font import ─────────────────────────────────────── */
@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap');

:root {
  color-scheme: only light;

  /* ── Cor primária: Verde Esmeralda ──────────────────────── */
  --primary-50:  #D7F5E6;
  --primary-200: #A7E8C9;
  --primary-400: #4FCB8E;
  --primary:     #10B981;   /* base */
  --primary-600: #0A8A60;
  --primary-800: #075C40;
  --primary-soft: #E2F6EC;
  --primary-soft2: #D7F5E6;

  /* ── Neutros ────────────────────────────────────────────── */
  --ink:      #16203A;
  --ink-2:    #5B6478;
  --ink-3:    #8A93A6;
  --border:   #ECEFF5;
  --line:     #F1F3F8;
  --surf-2:   #F5F8FD;
  --surface:  #FFFFFF;
  --bg:       #E7EAF1;

  /* ── Semânticos ─────────────────────────────────────────── */
  --pos:        #15A24A;
  --pos-soft:   #E7F6ED;
  --neg:        #E5484D;
  --neg-soft:   #FDECEC;
  --warn:       #F59E0B;
  --warn-soft:  #FEF3E0;
  --warn-dark:  #B8780A;

  /* ── Roles de status específicos ──────────────────────── */
  --status-pago:       var(--pos);
  --status-pago-bg:    var(--pos-soft);
  --status-atrasado:   var(--neg);
  --status-atrasado-bg: var(--neg-soft);
  --status-previsto:   var(--ink-3);
  --status-previsto-bg: var(--surf-2);
  --status-conciliado: var(--primary);
  --status-conciliado-bg: var(--primary-soft);

  /* ── Tipografia: Plus Jakarta Sans ─────────────────────── */
  --font:         'Plus Jakarta Sans', -apple-system, sans-serif;
  --text-display: 52px;
  --text-h1:      34px;
  --text-h2:      22px;
  --text-h3:      16px;
  --text-body:    15px;
  --text-sm:      13px;
  --text-label:   12px;
  --text-xs:      11px;

  --fw-regular: 400;
  --fw-medium:  500;
  --fw-semi:    600;
  --fw-bold:    700;
  --fw-black:   800;

  --tracking-tight: -0.03em;
  --tracking-label: 0.16em;

  /* ── Espaçamento (base 4px) ─────────────────────────────── */
  --space-1:  4px;
  --space-2:  8px;
  --space-3:  12px;
  --space-4:  16px;
  --space-5:  20px;
  --space-6:  24px;
  --space-8:  32px;
  --space-10: 40px;
  --space-14: 56px;

  /* ── Border radius ──────────────────────────────────────── */
  --r-input:  10px;
  --r-inner:  16px;
  --r-card:   24px;
  --r-pill:   999px;
  --r-sm:     8px;
  --r-xs:     6px;

  /* ── Sombras ────────────────────────────────────────────── */
  --shadow-sm: 0 2px 8px rgba(22, 40, 90, 0.05);
  --shadow-md: 0 6px 24px rgba(22, 40, 90, 0.08);
  --shadow-lg: 0 16px 40px rgba(22, 40, 90, 0.12);

  /* ── Header/Shell ───────────────────────────────────────── */
  --header-h: 56px;
  --subnav-h: 48px;
}

/* Dark mode desativado — sistema sempre em tema claro */