/**
 * RTX Patrimônio — Design System
 * Paleta: Navy / Teal / Sky Blue / Beige / White
 * Tema claro + tema escuro (glass/soft dark)
 */
:root {
  /* Paleta base monocromática + acentos Apple */
  --rtx-navy: #113034;
  --rtx-navy-dark: #113034;
  --rtx-teal: #113034;
  --rtx-teal-light: #333333;
  --rtx-teal-soft: rgba(0, 0, 0, 0.08);
  --rtx-sky-blue: #F5F5F5;
  --rtx-sky-blue-soft: #E0E0E0;
  --rtx-beige: #FFFFFF;
  --rtx-white: #FFFFFF;

  /* Semântica tema claro */
  --rtx-color-primary: #113034;
  --rtx-color-accent: #113034;
  --rtx-color-bg: #ECEFF4; /* fundo um pouco mais claro para maior contraste com cards */
  --rtx-color-bg-elevated: var(--rtx-white);
  --rtx-color-surface: var(--rtx-white);
  --rtx-color-border: #9CA3AF;
  --rtx-color-border-soft: #D1D5DB;
  --rtx-color-text: #111827;
  --rtx-color-text-soft: #4B5563;
  --rtx-color-muted: #6B7280;

  /* Sidebar / header (Navy) */
  --rtx-sidebar-bg: #113034;
  --rtx-sidebar-bg-hover: #113034;
  --rtx-sidebar-link: var(--rtx-white);
  --rtx-sidebar-link-muted: rgba(255, 255, 255, 0.7);
  --rtx-sidebar-active: #113034;
  --rtx-topbar-bg: #113034;

  /* Acentos Apple */
  --rtx-apple-blue:   #0A84FF;
  --rtx-apple-green:  #30D158;
  --rtx-apple-orange: #FF9F0A;
  --rtx-apple-red:    #FF453A;

  /* Feedback usando acentos (texto, ícones, gráficos) */
  --rtx-success: var(--rtx-apple-green);
  --rtx-success-soft: rgba(48, 209, 88, 0.12);
  --rtx-danger: var(--rtx-apple-red);
  --rtx-danger-soft: rgba(255, 69, 58, 0.12);
  --rtx-warning: #b8860b;
  --rtx-warning-soft: #fff3cd;

  /* Layout */
  --rtx-sidebar-width: 260px;
  --rtx-radius-sm: 6px;
  --rtx-radius-md: 10px;
  --rtx-radius-lg: 14px;
  --rtx-shadow-sm: 0 1px 3px rgba(47, 65, 86, 0.08);
  --rtx-shadow-md: 0 4px 14px rgba(47, 65, 86, 0.12);
  --rtx-shadow-lg: 0 12px 32px rgba(47, 65, 86, 0.16);

  /* Tipografia (acessibilidade: mínimo 15–16px) */
  --rtx-font-family-base: "Inter", system-ui, -apple-system, BlinkMacSystemFont,
    "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --rtx-font-size-base: 15px;
  --rtx-line-height-base: 1.5;
  --rtx-font-size-h1: 1.9rem;   /* ~30px */
  --rtx-font-size-h2: 1.4rem;   /* ~22px */
  --rtx-font-size-label: 0.75rem; /* ~12px */

  /* Transições (estilo Apple) */
  --rtx-transition: 200ms cubic-bezier(0.4, 0.0, 0.2, 1);
}

/* Tema escuro (glass/soft dark) */
body.rtx-dark,
.rtx-theme-dark {
  --rtx-color-bg: #0B1120;
  --rtx-color-bg-elevated: #111827;
  --rtx-color-surface: #1F2937;
  --rtx-color-border: #4B5563;
  --rtx-color-border-soft: #374151;
  --rtx-color-text: #F9FAFB;
  --rtx-color-text-soft: #E5E7EB;
  --rtx-color-muted: #9CA3AF;
  --rtx-topbar-bg: var(--rtx-navy);
}