/* ============================================================================
   DLF — Design tokens (canônico)
   Adaptado de design_handoff_clientes/css/tokens.css
   Tudo aqui são primitivas (cor/tipo/espaço/sombra/motion). Sem semântica
   de componente — semântica vai pros aliases no fim do arquivo.
   ============================================================================ */

:root {
  /* ─── Ink (escala neutra fria) ──────────────────────────────────── */
  --ink-900: #0f172a;
  --ink-800: #1e293b;
  --ink-700: #334155;
  --ink-600: #475569;
  --ink-500: #64748b;
  --ink-400: #94a3b8;
  --ink-300: #cbd5e1;
  --ink-200: #e2e8f0;
  --ink-100: #f1f5f9;
  --ink-50:  #f8fafc;
  --ink-warm: #1a1f36;

  /* ─── Paper ─────────────────────────────────────────────────────── */
  --paper:      #ffffff;
  --paper-tint: #fbfaf8;

  /* ─── Gold (acento exclusivo para PJ e branding) ───────────────── */
  --gold-700: #a16d09;
  --gold-600: #c08a14;
  --gold-500: #d4a24a;
  --gold-50:  #fbf4e3;

  /* ─── Sinalização ───────────────────────────────────────────────── */
  --green-700: #166534;
  --green-600: #2f855a;
  --green-50:  #e6f4ea;
  --amber-700: #92400e;
  --amber-600: #c05621;
  --amber-50:  #fff4e5;
  --red-700:   #991b1b;
  --red-600:   #c53030;
  --red-50:    #fde8e8;
  --blue-700:  #1d4ed8;
  --blue-50:   #dbeafe;

  /* ─── Aliases semânticos ────────────────────────────────────────── */
  --bg-app:    var(--ink-50);
  --bg-card:   var(--paper);
  --bg-sidebar: var(--ink-900);
  --sidebar-accent: #1a2744;
  --sidebar-border: #1e293b;
  --sidebar-fg: #e2e8f0;
  --sidebar-fg-muted: rgba(226, 232, 240, 0.55);
  --sidebar-fg-strong: #ffffff;

  --fg-1: var(--ink-900);
  --fg-2: var(--ink-700);
  --fg-3: var(--ink-600);
  --fg-4: var(--ink-500);
  --fg-5: var(--ink-400);
  --fg-inverse: var(--paper);

  --border-1: var(--ink-200);
  --border-2: var(--ink-300);

  /* ─── Tipografia ────────────────────────────────────────────────── */
  --font-display: "Playfair Display", Georgia, "Times New Roman", serif;
  --font-sans:    "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  --font-mono:    "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace;

  /* ─── Radii ─────────────────────────────────────────────────────── */
  --radius-sm:   2px;
  --radius-md:   6px;
  --radius-lg:   8px;
  --radius-xl:   12px;
  --radius-2xl:  16px;
  --radius-pill: 9999px;

  /* ─── Shadows ───────────────────────────────────────────────────── */
  --shadow-xs: 0 1px 2px rgba(15, 23, 42, 0.04);
  --shadow-sm: 0 1px 2px rgba(15, 23, 42, 0.06);
  --shadow-md: 0 4px 6px -1px rgba(15, 23, 42, 0.08), 0 2px 4px -2px rgba(15, 23, 42, 0.06);
  --shadow-lg: 0 10px 15px -3px rgba(15, 23, 42, 0.10), 0 4px 6px -4px rgba(15, 23, 42, 0.08);
  --shadow-xl: 0 20px 25px -5px rgba(15, 23, 42, 0.10), 0 8px 10px -6px rgba(15, 23, 42, 0.08);

  /* ─── Motion ────────────────────────────────────────────────────── */
  --ease-out: cubic-bezier(0.4, 0, 0.2, 1);
  --dur-fast: 150ms;
  --dur-base: 200ms;
  --dur-mid:  300ms;
}