/**
 * CredFlow Design System — CF-UX-0002 v1.0 + Blueprint 1.0
 * Tokens oficiais TPX AI / Potenza (grafite, dourado, esmeralda)
 */
:root {
  /* Blueprint §45 — paleta premium */
  --cf-graphite: #1a2332;
  --cf-gold: #C9A227;
  --cf-emerald: #0F766E;
  --cf-amber: #D97706;
  --cf-crimson: #B91C1C;

  --cf-primary: #0F2742;
  --cf-action: #1E5AA8;
  --cf-action-hover: #174a8c;
  --cf-accent: var(--cf-gold);
  --cf-success: #059669;
  --cf-danger: var(--cf-crimson);
  --cf-bg: #F4F6F8;
  --cf-surface: #FFFFFF;
  --cf-text: #111827;
  --cf-text-muted: #64748B;
  --cf-border: #E2E8F0;

  /* Aliases legado → tokens CF-UX / Blueprint */
  --navy: var(--cf-primary);
  --teal: var(--cf-emerald);
  --teal-dark: #0d5f59;
  --bg: var(--cf-bg);
  --card: var(--cf-surface);
  --border: var(--cf-border);
  --text: var(--cf-text);
  --muted: var(--cf-text-muted);
  --red: var(--cf-danger);
  --green: var(--cf-success);
  --yellow: var(--cf-amber);

  --cf-radius-sm: 6px;
  --cf-radius-md: 10px;
  --cf-radius-lg: 14px;
  --cf-shadow-sm: 0 1px 3px rgba(15, 39, 66, 0.08);
  --cf-shadow-md: 0 8px 24px rgba(15, 39, 66, 0.1);
  --cf-font: "Segoe UI", system-ui, -apple-system, sans-serif;
  --cf-sidebar-w: 260px;
  --cf-focus-ring: 0 0 0 3px rgba(30, 90, 168, 0.25);
}

[data-cf-theme="tenant"] {
  /* Preparacao multi-tenant SaaS — sobrescrever via JS/API */
  --cf-primary: var(--cf-tenant-primary, #0F2742);
  --cf-action: var(--cf-tenant-action, #1E5AA8);
}