/*
 * Pluze Design Tokens — repositorio canonico de cores
 * Versao: 1.0.0
 * Regra: valores de cor novos entram aqui; componentes consomem tokens semanticos.
 */

:root {
  /* Identidade */
  --pluze-brand-navy: #11182f;
  --pluze-brand-ocean: #5d55e6;
  --pluze-brand-cyan: #4fc7be;

  /* Superficies e leitura */
  --pluze-color-canvas: #f3f7f9;
  --pluze-color-surface: #ffffff;
  --pluze-color-surface-soft: #f7f8fc;
  --pluze-color-surface-selected: #efefff;
  --pluze-color-sidebar-nav: #f4f8fd;
  --pluze-color-sidebar-text: #414860;
  --pluze-color-sidebar-blue-start: #5148d4;
  --pluze-color-sidebar-blue-end: #675fe8;
  --pluze-color-sidebar-rail: #0f3475;
  --pluze-color-sidebar-rail-start: #0c2c64;
  --pluze-color-sidebar-rail-end: #164495;
  --pluze-color-sidebar-panel: #f4f8fd;
  --pluze-color-sidebar-on-blue: #ffffff;
  --pluze-color-sidebar-muted-on-blue: #e9e7ff;
  --pluze-color-sidebar-active: #ffffff;
  --pluze-color-sidebar-active-text: #11182f;
  --pluze-color-sidebar-hover: rgba(255, 255, 255, 0.14);
  --pluze-color-sidebar-icon-bg: rgba(255, 255, 255, 0.12);
  --pluze-color-sidebar-line-on-blue: rgba(255, 255, 255, 0.24);
  --pluze-color-sidebar-blue-shadow: rgba(12, 44, 100, 0.24);
  --pluze-nav-overview: #8fdcff;
  --pluze-nav-reports: #8fc0ff;
  --pluze-nav-condominium: #b9a7ff;
  --pluze-nav-income: #61d5a5;
  --pluze-nav-expense: #ffc766;
  --pluze-nav-fiscal: #ff8eaa;
  --pluze-nav-platform: #66d8d0;
  --pluze-nav-panel-glow: rgba(117, 103, 232, 0.14);
  --pluze-nav-active-shadow: rgba(57, 48, 163, 0.24);
  --pluze-color-text: #111827;
  --pluze-color-text-muted: #626b80;
  --pluze-color-border: #dce2eb;
  --pluze-color-border-strong: #c2cad8;

  /* Acao principal */
  --pluze-action-primary: #5d55e6;
  --pluze-action-primary-hover: #4e46d4;
  --pluze-action-primary-active: #4038bf;
  --pluze-action-primary-soft: #efefff;
  --pluze-action-on-primary: #ffffff;
  --pluze-action-focus-ring: rgba(93, 85, 230, 0.24);

  /* Acao secundaria */
  --pluze-action-secondary-text: #4e46d4;
  --pluze-action-secondary-bg: #ffffff;
  --pluze-action-secondary-border: #c2cad8;
  --pluze-action-secondary-hover: #f5f4ff;

  /* Acao destrutiva */
  --pluze-action-danger: #bd3f5c;
  --pluze-action-danger-hover: #a4324d;
  --pluze-action-danger-soft: #fff0f4;
  --pluze-action-on-danger: #ffffff;

  /* Acao desabilitada */
  --pluze-action-disabled: #7b8b92;
  --pluze-action-disabled-bg: #edf1f3;
  --pluze-action-disabled-border: #d9e1e4;

  /* Estados semanticos */
  --pluze-status-success: #147c6e;
  --pluze-status-success-soft: #e9faf6;
  --pluze-status-warning: #9a6208;
  --pluze-status-warning-soft: #fff5df;
  --pluze-status-danger: #bd3f5c;
  --pluze-status-danger-soft: #fff0f4;
  --pluze-status-info: #4c5fd7;
  --pluze-status-info-soft: #eef1ff;

  /* Efeitos neutros */
  --pluze-shadow-sm: 0 1px 2px rgba(30, 53, 64, 0.04),
    0 8px 24px rgba(30, 53, 64, 0.05);
  --pluze-shadow-md: 0 18px 48px rgba(30, 53, 64, 0.12);
}
