/*
 * Smart GR Design System — tokens v1.0.0
 *
 * Tokens usam o prefixo --sg- para coexistir com a interface legada durante a
 * migração progressiva. Azul Centaura mantém temporariamente o azul já usado
 * no sistema até a confirmação do valor oficial da marca.
 */
:root {
  color-scheme: light;

  --sg-color-centaura: #0878c9;
  --sg-color-brand: var(--sg-color-centaura);
  --sg-color-brand-hover: #0669b1;
  --sg-color-brand-active: #055995;
  --sg-color-brand-soft: #e9f5fd;
  --sg-color-navy: #17365d;
  --sg-color-teal: #16a99a;
  --sg-color-green: #238b57;

  --sg-color-bg: #f5f7fa;
  --sg-color-surface: #ffffff;
  --sg-color-surface-subtle: #f8fafc;
  --sg-color-surface-muted: #eef3f9;
  --sg-color-text: #15233b;
  --sg-color-text-muted: #64748b;
  --sg-color-text-subtle: #8290a3;
  --sg-color-border: #dfe7ef;
  --sg-color-border-strong: #c8d5e3;

  --sg-color-success: #067647;
  --sg-color-success-bg: #ecfdf3;
  --sg-color-warning: #b86400;
  --sg-color-warning-bg: #fff8e8;
  --sg-color-danger: #b42318;
  --sg-color-danger-bg: #fef3f2;
  --sg-color-info: #175cd3;
  --sg-color-info-bg: #eff8ff;
  --sg-color-blocked: #6941c6;
  --sg-color-blocked-bg: #f4f3ff;

  --sg-font-body: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI",
    Roboto, Helvetica, Arial, sans-serif;
  --sg-font-heading: "Poppins", "Inter", -apple-system, BlinkMacSystemFont,
    sans-serif;
  --sg-font-mono: ui-monospace, "Cascadia Code", Consolas, monospace;

  --sg-font-size-2xs: 0.6875rem;
  --sg-font-size-xs: 0.75rem;
  --sg-font-size-sm: 0.8125rem;
  --sg-font-size-md: 0.875rem;
  --sg-font-size-lg: 1rem;
  --sg-font-size-xl: 1.25rem;
  --sg-font-size-2xl: 1.5rem;
  --sg-line-height-tight: 1.25;
  --sg-line-height-normal: 1.5;
  --sg-font-weight-regular: 400;
  --sg-font-weight-medium: 500;
  --sg-font-weight-semibold: 600;
  --sg-font-weight-bold: 700;
  --sg-font-weight-extrabold: 800;

  --sg-space-0: 0;
  --sg-space-1: 0.25rem;
  --sg-space-2: 0.5rem;
  --sg-space-3: 0.75rem;
  --sg-space-4: 1rem;
  --sg-space-5: 1.25rem;
  --sg-space-6: 1.5rem;
  --sg-space-8: 2rem;
  --sg-space-10: 2.5rem;
  --sg-space-12: 3rem;

  --sg-radius-sm: 0.5rem;
  --sg-radius-md: 0.75rem;
  --sg-radius-lg: 0.875rem;
  --sg-radius-xl: 1rem;
  --sg-radius-pill: 999px;

  --sg-shadow-xs: 0 1px 2px rgba(16, 24, 40, 0.06);
  --sg-shadow-sm: 0 2px 8px rgba(20, 42, 70, 0.07);
  --sg-shadow-md: 0 8px 24px rgba(20, 42, 70, 0.12);
  --sg-shadow-lg: 0 18px 50px rgba(16, 24, 40, 0.22);

  --sg-control-height-sm: 2rem;
  --sg-control-height-md: 2.5rem;
  --sg-control-height-lg: 3rem;
  --sg-table-head-height: 3rem;
  --sg-table-row-height: 4rem;
  --sg-table-image-row-height: 5.5rem;
  --sg-content-max: 100rem;

  --sg-motion-fast: 120ms;
  --sg-motion-normal: 180ms;
  --sg-motion-slow: 260ms;
  --sg-ease-standard: cubic-bezier(0.2, 0, 0, 1);

  --sg-z-sticky: 30;
  --sg-z-header: 80;
  --sg-z-dropdown: 120;
  --sg-z-overlay: 200;
  --sg-z-modal: 220;
  --sg-z-toast: 300;

  --sg-focus-ring: 0 0 0 3px rgba(8, 120, 201, 0.28);
}

@media (prefers-reduced-motion: reduce) {
  :root {
    --sg-motion-fast: 0ms;
    --sg-motion-normal: 0ms;
    --sg-motion-slow: 0ms;
  }
}