/*
 * LYNSE Apps Design System v1.0.0
 * Fundamentos oficiais de produto: conteudo claro, navegacao grafite.
 * Fonte de marca: LYNSE.AI Design System v2.0 (agosto/2026).
 * Cores funcionais sao extensoes de produto, nao cores de marca.
 */
:root {
  color-scheme: light;
  /* Primitivos oficiais */
  --lynse-orange: #DE702A;
  --lynse-orange-hover: #B85D22;
  --lynse-graphite: #575756;
  --lynse-carbon: #000000;
  --lynse-white: #FFFFFF;
  --lynse-ice: #F6F6F6;
  --lynse-line: #E4E4E4;

  /* Extensoes operacionais */
  --lynse-orange-soft: #FFF1E7;
  --lynse-ink: #242424;
  --lynse-muted: #667085;
  --lynse-success: #16794A;
  --lynse-success-soft: #E8F6EE;
  --lynse-danger: #B42318;
  --lynse-danger-soft: #FDEDEC;
  --lynse-warning: #936100;
  --lynse-warning-soft: #FFF3D7;
  --lynse-focus: #2E2E2E;

  /* Tokens semanticos para apps claros */
  --app-canvas: var(--lynse-ice);
  --app-surface: var(--lynse-white);
  --app-surface-subtle: #FAFAFA;
  --app-border: var(--lynse-line);
  --app-text: var(--lynse-ink);
  --app-text-secondary: var(--lynse-graphite);
  --app-action: var(--lynse-orange);
  --app-action-hover: var(--lynse-orange-hover);
  --app-action-text: var(--lynse-carbon);
  --app-nav-active: var(--lynse-orange-soft);
  /* Navegação escura para painéis internos; conteúdo permanece Light First. */
  --app-nav-surface: #2E2E2E;
  --app-nav-surface-hover: #3D3D3D;
  --app-nav-text: #F6F6F6;
  --app-nav-text-muted: #C9C9C9;
  --app-nav-accent: var(--lynse-orange);

  /* Tipografia: substitutos indicados pelo DS v2.0 */
  --font-display: 'Orbitron', 'Eurostile', sans-serif;
  --font-ui: 'Urbanist', 'Garet', ui-sans-serif, system-ui, sans-serif;

  /* Escala operacional */
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --space-7: 48px;
  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 12px;
  --shadow-floating: 0 12px 36px rgb(31 31 31 / 9%);
  --transition-fast: 150ms ease;
}