/* SimpleID WebPanel — tokens
   Único arquivo com valores de cor. Tema claro apenas. */
:root {
  /* Marca */
  --sid-ink: #06141C;
  --sid-navy: #0B3B55;
  --sid-navy-hover: #082C40;
  --sid-sky: #85B3D3;
  --sid-sky-deep: #5E93BA;
  --sid-paper: #F2F3F0;
  --sid-match: #3DDC97;
  --sid-match-hover: #34C987;
  --sid-white: #FFFFFF;

  /* Superfície Ink (painel da marca no login; não é tema escuro). Valores do tema escuro do brand kit. */
  --sid-inverse-text-2: #A7B0BC;
  --sid-inverse-border: rgba(255, 255, 255, 0.08);
  --sid-inverse-grid: rgba(133, 179, 211, 0.16);
  --sid-inverse-glow: rgba(61, 220, 151, 0.28);

  /* Superfícies, bordas, texto */
  --sid-bg: var(--sid-paper);
  --sid-surface: var(--sid-white);
  --sid-surface-2: #F7F8F6;
  --sid-surface-sunken: #ECEEEA;
  --sid-border: #D6D8D3;
  --sid-border-subtle: #E6E8E4;
  --sid-border-input: #8A9096;
  --sid-text: var(--sid-ink);
  --sid-text-2: #4B5563;
  --sid-text-3: #5E6570;
  --sid-text-inverse: var(--sid-white);
  --sid-link: var(--sid-navy);
  --sid-link-hover: var(--sid-ink);
  --sid-focus: var(--sid-navy);
  --sid-selection: #CFE0EE;

  /* Estados de interface */
  --sid-nav-active-bg: #E6EFF6;
  --sid-row-hover: #F7F8F6;
  --sid-row-selected: #EEF4F9;
  --sid-row-warning-bg: #FEF8EA;
  --sid-row-danger-bg: #FDF3F2;
  --sid-changed-bg: #F1F6FA;
  --sid-disabled-bg: #E6E8E4;
  --sid-disabled-fg: #5E6570;
  --sid-switch-off: var(--sid-border-input);
  --sid-overlay: rgba(6, 20, 28, 0.48);
  --sid-skeleton-1: #E6E8E4;
  --sid-skeleton-2: #F2F3F0;

  /* Semânticas: fg = texto/ícone (AA), bg = fundo, border = contorno, solid = preenchimento de botão/barra */
  --sid-success-fg: #0B7148;
  --sid-success-bg: #E4F6EC;
  --sid-success-border: #9FDDBE;
  --sid-success-solid: var(--sid-match);
  --sid-success-solid-hover: var(--sid-match-hover);

  --sid-danger-fg: #B42318;
  --sid-danger-bg: #FCEDEC;
  --sid-danger-border: #F1B4AE;
  --sid-danger-solid: #B42318;
  --sid-danger-solid-hover: #912018;
  --sid-danger-accent: #E57373; /* "Erro" da marca: só decorativo, não passa AA como texto */

  --sid-warning-fg: #8A5300;
  --sid-warning-bg: #FDF3DC;
  --sid-warning-border: #EDCD85;

  --sid-info-fg: #1A5A85;
  --sid-info-bg: #E8F1F8;
  --sid-info-border: #B5D0E4;

  --sid-neutral-fg: #3F4652;
  --sid-neutral-bg: #EEF0EE;
  --sid-neutral-border: #D6D8D3;

  /* Código / JSON */
  --sid-code-bg: #F7F8F6;
  --sid-code-key: var(--sid-navy);
  --sid-code-string: var(--sid-success-fg);
  --sid-code-number: var(--sid-warning-fg);
  --sid-code-boolean: var(--sid-info-fg);
  --sid-code-punct: var(--sid-text-3);

  /* Tipografia */
  --sid-font-sans: "Geist", system-ui, -apple-system, "Segoe UI", sans-serif;
  --sid-font-mono: "Geist Mono", ui-monospace, "SFMono-Regular", Menlo, Consolas, monospace;
  --sid-fs-2xs: 11px;
  --sid-fs-xs: 12px;
  --sid-fs-sm: 13px;
  --sid-fs-md: 14px;
  --sid-fs-lg: 16px;
  --sid-fs-xl: 18px;
  --sid-fs-2xl: 22px;
  --sid-fs-3xl: 28px;
  --sid-fw-regular: 400;
  --sid-fw-medium: 500;
  --sid-fw-semibold: 600;
  --sid-fw-bold: 700;
  --sid-lh-tight: 1.2;
  --sid-lh-snug: 1.35;
  --sid-lh-normal: 1.5;
  --sid-tracking-tight: -0.02em;
  --sid-tracking-label: 0.06em;

  /* Espaçamento (base 4) */
  --sid-space-0-5: 2px;
  --sid-space-1: 4px;
  --sid-space-1-5: 6px;
  --sid-space-2: 8px;
  --sid-space-2-5: 10px;
  --sid-space-3: 12px;
  --sid-space-4: 16px;
  --sid-space-5: 20px;
  --sid-space-6: 24px;
  --sid-space-8: 32px;
  --sid-space-10: 40px;
  --sid-space-12: 48px;

  /* Dimensões */
  --sid-control-sm: 28px;
  --sid-control-md: 34px;
  --sid-control-lg: 40px;
  --sid-row-h: 36px;
  --sid-sidebar-w: 232px;
  --sid-page-max: 1680px;
  --sid-kv-key-w: 168px;

  /* Raios */
  --sid-radius-xs: 4px;
  --sid-radius-sm: 6px;
  --sid-radius-md: 8px;
  --sid-radius-lg: 12px;
  --sid-radius-pill: 999px;

  /* Bordas e foco */
  --sid-border-w: 1px;
  --sid-focus-width: 2px;
  --sid-focus-offset: 2px;

  /* Sombras */
  --sid-shadow-sm: 0 1px 2px rgba(6, 20, 28, 0.08);
  --sid-shadow-md: 0 4px 12px rgba(6, 20, 28, 0.10);
  --sid-shadow-lg: 0 16px 40px rgba(6, 20, 28, 0.18);

  /* Camadas */
  --sid-z-sticky: 30;
  --sid-z-dropdown: 40;
  --sid-z-drawer: 90;
  --sid-z-modal: 100;
  --sid-z-toast: 120;

  /* Movimento */
  --sid-dur-fast: 120ms;
  --sid-dur-base: 180ms;
  --sid-ease: cubic-bezier(0.2, 0, 0, 1);
}