/* ══════════════════════════════════════════════════════════════════════
   NEXUS — Design Tokens
   Fonte: nexus/design/project/Planejamentos - Kanban.html
   Regra: toda variável nova passa por aqui. Nada de cores hardcoded.
   ══════════════════════════════════════════════════════════════════════ */

:root {
  /* ── Surfaces ───────────────────────────────────────────────────────── */
  --bg-canvas: #1D1F21;           /* fundo principal do app */
  --bg-column: #2B2D30;           /* colunas do kanban, blocos elevados */
  --bg-card:   #F4F0E7;           /* cartão no canvas escuro */
  --bg-hover:  rgba(255,255,255,0.04);

  /* ── Ink (texto sobre superfície escura) ───────────────────────────── */
  --ink-white:     #FFFFFF;
  --ink-white-70:  rgba(255,255,255,0.70);
  --ink-white-50:  rgba(255,255,255,0.50);
  --ink-white-30:  rgba(255,255,255,0.30);

  /* Tinta dessaturada — títulos, ícones auxiliares (match com SVGs do design) */
  --ink-warm:      #A5A397;

  /* ── Ink (texto sobre cartão bege) ─────────────────────────────────── */
  --ink-card:       #1D1F21;
  --ink-card-700:   #43464B;
  --ink-card-500:   #696662;
  --ink-card-300:   rgba(29,31,33,0.35);

  /* ── Brand ─────────────────────────────────────────────────────────── */
  --brand-yellow:    #FAB005;
  --brand-yellow-2:  #FCB41B;
  --brand-yellow-3:  #FFCB51;

  /* ── Fases do kanban ───────────────────────────────────────────────── */
  --phase-link:     #808080;      /* link gerado (cinza) */
  --phase-solicit:  #F59A5E;      /* plano solicitado (laranja) */
  --phase-criado:   #4EA9FF;      /* plano criado (azul) */
  --phase-aprovado: #38B24C;      /* plano aprovado (verde) */
  --phase-recusado: #EE7777;      /* plano recusado (rosa) */

  /* ── Aging / SLA (idade do card) ───────────────────────────────────── */
  --age-fresh:     #37B24D;       /* < 24h */
  --age-warning:   #FAB005;       /* 24h–72h */
  --age-overdue:   #E03131;       /* > 72h */

  /* ── Chips por clube de fidelidade ─────────────────────────────────── */
  --club-iris-bg:      #C7EBD4; --club-iris-fg:      #2F7A4A;
  --club-ambar-bg:     #FFE3B3; --club-ambar-fg:     #8A5A10;
  --club-musk-bg:      #E4D9C8; --club-musk-fg:      #6B5A40;
  --club-sandalo-bg:   #F5D7BA; --club-sandalo-fg:   #7A4818;
  --club-patchouli-bg: #E8D9FF; --club-patchouli-fg: #6B4FAB;

  /* ── Avatares por papel ────────────────────────────────────────────── */
  --avatar-exec:     #F3DDB4;
  --avatar-analista: #C7DFEB;
  --avatar-superv:   #D7CBE8;

  /* ── Lines & borders ───────────────────────────────────────────────── */
  --line-divider: rgba(29,31,33,0.08);    /* divisórias dentro de card claro */
  --line-filter:  rgba(212,208,200,0.18); /* bordas de filtros/botões em dark */
  --line-subtle:  rgba(255,255,255,0.04); /* divisão muito sutil em dark */

  /* ── Tipografia ────────────────────────────────────────────────────── */
  --font-display: 'DM Sans', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --font-brand:   'IBM Plex Sans', system-ui, sans-serif;
  --font-mono:    'JetBrains Mono', ui-monospace, 'SF Mono', Menlo, monospace;

  /* Escala tipográfica */
  --fs-xs:    11px;   /* meta, time-ago, contadores */
  --fs-sm:    12px;   /* chips, labels de coluna (uppercase) */
  --fs-base:  13px;   /* texto UI, nav, responsáveis */
  --fs-md:    14px;   /* título de card, valores mono, datas */
  --fs-lg:    16px;   /* dinheiro, CTA */
  --fs-xl:    18px;   /* título da página */
  --fs-2xl:   20px;   /* títulos de seção */

  /* ── Spacing (4pt grid) ────────────────────────────────────────────── */
  --s-1: 4px;  --s-2: 8px;  --s-3: 12px; --s-4: 16px;
  --s-5: 20px; --s-6: 24px; --s-8: 32px; --s-10: 40px;

  /* ── Radii ─────────────────────────────────────────────────────────── */
  --r-sm: 4px; --r-md: 4px; --r-lg: 8px; --r-pill: 999px;

  /* ── Layout ────────────────────────────────────────────────────────── */
  --sidebar-w: 300px;
  --topbar-h:  72px;
  --col-min-w: 280px;

  /* ── Transitions ───────────────────────────────────────────────────── */
  --t-fast: 80ms;
  --t-base: 120ms;
  --t-slow: 200ms;

  /* ── Shadows ───────────────────────────────────────────────────────── */
  --shadow-card-hover: 0 8px 24px rgba(0,0,0,0.30);
  --shadow-popover:    0 12px 28px rgba(0,0,0,0.45), 0 2px 6px rgba(0,0,0,0.3);
  --shadow-modal:      0 20px 60px rgba(0,0,0,0.5);
}