/* ==========================================================================
   MARÉ — Camada Canônica de Design Tokens & Tipografia
   Paleta Oficial: Dueto Náutico (Azul Real & Laranja Offshore)
   ========================================================================== */

@import url('https://fonts.googleapis.com/css2?family=DM+Mono:ital,wght@0,300;0,400;0,500;1,400&family=Plus+Jakarta+Sans:ital,wght@0,400;0,500;0,600;0,700;0,800;1,400;1,600&display=swap');

:root {
  /* --- Cores Mestras da Identidade Marítima --- */
  --color-brand-abyss: #061220;           /* Fundo ultraprofundo da sidebar */
  --color-brand-abyss-navy: #061828;      /* Meio do gradiente abissal */
  --color-brand-deep-space-blue: #06253d; /* Azul espaço marinho para gradientes e títulos */
  --color-brand-midnight-blue: #092c48;   /* Azul naval para cartões escuros */

  /* --- Dueto Náutico de Acentos (Complementares a 180°) --- */
  --color-brand-action: #1164b4;          /* Azul Real Profundo: navegação, ativo, tabs e links */
  --color-brand-action-hover: #0c4d8c;    /* Azul Real escurecido para hover */
  --color-brand-action-glow: rgba(17, 100, 180, 0.22);
  --color-brand-action-subtle: #edf5fb;   /* Fundo suave para botões secundários */

  --color-brand-accent-warm: #ea580c;     /* Laranja Offshore / SOLAS: CTAs primários e ações críticas */
  --color-brand-accent-warm-hover: #c2410c; /* Laranja queimado para hover */
  --color-brand-accent-warm-glow: rgba(234, 88, 12, 0.28);
  --color-brand-burnt-peach: #e66c3f;     /* Pêssego Queimado: divergências e alertas técnicos */

  /* --- Superfícies e Canvas --- */
  --color-surface-canvas: #f4f8f9;        /* Canvas Branco-Gelo (claridade de convés) */
  --color-surface-default: #ffffff;       /* Cartões brancos analíticos */
  --color-surface-selected: #edf5fb;      /* Linhas e itens selecionados */
  --color-surface-hover: #f7fafc;         /* Hover suave de tabelas */
  --color-surface-muted: #e9f0f5;         /* Fundos neutros secundários */

  /* --- Bordas e Divisores --- */
  --color-border-default: rgba(16, 31, 53, 0.08); /* Borda fina sutil para cartões */
  --color-border-subtle: rgba(16, 31, 53, 0.05);  /* Divisores de linha em tabelas */
  --color-border-focus: #1164b4;                  /* Borda de foco em inputs */
  --color-border-warm: rgba(234, 88, 12, 0.4);    /* Borda de destaque para ações críticas */

  /* --- Textos e Contraste (WCAG AA/AAA) --- */
  --color-text-primary: #172536;          /* Texto principal alto contraste (> 12:1) */
  --color-text-secondary: #536174;        /* Rótulos secundários e metadados */
  --color-text-muted: #8292a4;            /* Textos desabilitados ou marcas de água */
  --color-text-inverse: #ffffff;          /* Texto sobre fundos escuros e botões */

  /* --- Semântica Operacional --- */
  --color-status-success: #059669;        /* Operação regular / conforme */
  --color-status-success-bg: #ecfdf5;
  --color-status-warning: #ea580c;        /* Atenção operacional / divergência */
  --color-status-warning-bg: #fff7ed;
  --color-status-danger: #dc2626;         /* Falha crítica / bloqueio */
  --color-status-danger-bg: #fef2f2;
  --color-status-info: #1164b4;           /* Informativo / em análise */
  --color-status-info-bg: #edf5fb;

  /* --- Tipografia Canônica --- */
  --font-sans: "Plus Jakarta Sans", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  --font-mono: "DM Mono", "SF Mono", Menlo, Monaco, Consolas, monospace;

  /* --- Sombras Marinhas Profundas --- */
  --shadow-card: 0 3px 14px rgba(6, 37, 61, 0.04), 0 1px 2px rgba(6, 37, 61, 0.02);
  --shadow-card-hover: 0 8px 24px rgba(6, 37, 61, 0.08), 0 2px 4px rgba(6, 37, 61, 0.03);
  --shadow-sidebar: 4px 0 24px rgba(4, 14, 24, 0.35);
  --shadow-modal: 0 20px 50px rgba(6, 37, 61, 0.25);
  --shadow-button-warm: 0 4px 14px rgba(234, 88, 12, 0.28);
}