/*
 * DOOK Product Visual Standard v1.0 — tokens do tema claro.
 * Camadas: fonte (valor de marca) -> semântico (papel). Componentes usam só os semânticos.
 * Valores derivados que o padrão não fixa estão em DESIGN_SYSTEM.md, seção "Exceções".
 */
:root {
  /* Fonte: paleta de marca e escalas operacionais */
  --dook-oxford: #03183C;
  --dook-oxford-rgb: 3, 24, 60;
  --dook-cool-gray: #8693AD;
  --dook-alice: #F3F6FB;
  --dook-blue-800: #17259E;
  --dook-blue-700: #233AD1;
  --dook-blue-600: #2C49F5;
  --dook-blue-600-rgb: 44, 73, 245;
  --dook-blue-400: #6F82FF;
  --dook-blue-300: #98A6FF;
  --dook-blue-100: #E3E7FF;
  --dook-blue-50: #F3F5FF;
  --dook-navy-800: #0B2343;
  --dook-navy-700: #142D4B;
  --dook-navy-600: #203B58;
  --dook-ink-700: #46546D;
  --dook-ink-600: #5D6B83;
  --dook-gray-300: #C2CAD8;
  --dook-gray-200: #D8DEE8;
  --dook-gray-100: #E8ECF2;

  /* Semântico: superfícies */
  --dook-color-bg-canvas: var(--dook-alice);
  --dook-color-bg-surface: #FFFFFF;
  --dook-color-bg-surface-subtle: var(--dook-alice);
  --dook-color-bg-inverse: var(--dook-oxford);
  --dook-color-bg-selection: var(--dook-blue-100);
  --dook-color-overlay: rgba(var(--dook-oxford-rgb), .56);

  /* Semântico: texto */
  --dook-color-text-primary: var(--dook-oxford);
  --dook-color-text-secondary: var(--dook-ink-700);
  --dook-color-text-tertiary: var(--dook-ink-600);
  --dook-color-text-disabled: var(--dook-cool-gray);
  --dook-color-text-inverse: #FFFFFF;
  --dook-color-text-link: var(--dook-blue-700);

  /* Semântico: conteúdo sobre superfície inversa (sidebar) */
  --dook-color-inverse-text: var(--dook-alice);
  --dook-color-inverse-text-secondary: var(--dook-gray-300);
  --dook-color-inverse-text-tertiary: var(--dook-cool-gray);
  --dook-color-inverse-hover: var(--dook-navy-700);
  --dook-color-inverse-selection: var(--dook-navy-600);
  --dook-color-inverse-accent: var(--dook-blue-300);
  --dook-color-inverse-divider: var(--dook-navy-700);

  /* Semântico: ação, borda e foco */
  --dook-color-action-primary: var(--dook-blue-600);
  --dook-color-action-primary-rgb: var(--dook-blue-600-rgb);
  --dook-color-action-primary-hover: var(--dook-blue-700);
  --dook-color-action-primary-pressed: var(--dook-blue-800);
  --dook-color-action-subtle: var(--dook-blue-50);
  --dook-color-border-control: var(--dook-cool-gray);
  --dook-color-border-subtle: var(--dook-gray-200);
  --dook-color-border-divider: var(--dook-gray-100);
  --dook-color-focus: var(--dook-blue-600);

  /* Semântico: feedback (cor + fundo; hover derivado, ver exceção EX-001) */
  --dook-color-success-rgb: 21, 128, 61;
  --dook-color-warning-rgb: 194, 65, 12;
  --dook-color-danger-rgb: 200, 30, 30;
  --dook-color-info-rgb: 35, 58, 209;
  --dook-color-success: #15803D;
  --dook-color-success-hover: #166534;
  --dook-color-success-bg: #ECFDF3;
  --dook-color-warning: #C2410C;
  --dook-color-warning-hover: #9A3412;
  --dook-color-warning-bg: #FFF7ED;
  --dook-color-danger: #C81E1E;
  --dook-color-danger-hover: #9B1C1C;
  --dook-color-danger-bg: #FEF2F2;
  --dook-color-info: var(--dook-blue-700);
  --dook-color-info-hover: var(--dook-blue-800);
  --dook-color-info-bg: var(--dook-blue-50);

  /* Dados: paleta categórica (só em gráficos e escalas, nunca em navegação ou botões) */
  --dook-data-blue: var(--dook-blue-600);
  --dook-data-oxford: var(--dook-oxford);
  --dook-data-teal: #08705A;
  --dook-data-amber: #A15C00;
  --dook-data-violet: #6D3FD1;
  --dook-data-cyan: #1677A8;
  --dook-data-gray: var(--dook-cool-gray);

  /* Escala de risco em 4 níveis (exceção EX-004): sólido aceita texto branco; texto escuro sobre o fundo claro */
  --dook-color-risk-low: var(--dook-color-success);
  --dook-color-risk-low-text: var(--dook-color-success-hover);
  --dook-color-risk-low-bg: #E7F4EA;
  --dook-color-risk-medium: var(--dook-data-amber);
  --dook-color-risk-medium-text: var(--dook-data-amber);
  --dook-color-risk-medium-bg: #FFF4CE;
  --dook-color-risk-high: var(--dook-color-warning);
  --dook-color-risk-high-text: var(--dook-color-warning-hover);
  --dook-color-risk-high-bg: #FDE7D6;
  --dook-color-risk-extreme: var(--dook-color-danger);
  --dook-color-risk-extreme-text: var(--dook-color-danger-hover);
  --dook-color-risk-extreme-bg: #F9D7DC;

  /* Tipografia */
  --dook-font-family: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;

  /* Espaço (ritmo de 4 px) */
  --dook-space-1: 4px;
  --dook-space-2: 8px;
  --dook-space-3: 12px;
  --dook-space-4: 16px;
  --dook-space-5: 20px;
  --dook-space-6: 24px;
  --dook-space-8: 32px;
  --dook-space-10: 40px;
  --dook-space-12: 48px;

  /* Raio */
  --dook-radius-sm: 4px;
  --dook-radius-md: 8px;
  --dook-radius-lg: 12px;
  --dook-radius-xl: 16px;
  --dook-radius-full: 999px;

  /* Elevação */
  --dook-elevation-raised: 0 1px 2px rgba(var(--dook-oxford-rgb), .08);
  --dook-elevation-overlay: 0 8px 24px rgba(var(--dook-oxford-rgb), .16);
  --dook-elevation-modal: 0 20px 48px rgba(var(--dook-oxford-rgb), .24);

  /* Movimento */
  --dook-motion-fast: 120ms;
  --dook-motion-standard: 180ms;
  --dook-motion-emphasis: 240ms;
  --dook-easing-standard: cubic-bezier(.2, 0, 0, 1);
}