/* LinkC.are — tokens.css (Dia 2, corrigido pelo contrato visual)
 * Fonte: documentos/Painel de Design System LinkC.are.png (1536x1024)
 * [CONFIRMADO] = texto impresso no painel / amostragem pixel GD.
 * [INFERIDO] = medido visualmente, sem valor impresso.
 */
:root {
  /* Paleta — [CONFIRMADO] etiquetas impressas no painel */
  --color-primary: #0B9A8F;
  --color-secondary: #7AC943;
  --color-accent: #3982F6;
  --color-danger: #EF4444;
  --color-title: #0F172A;
  --color-text: #475569;
  --color-border: #E2E8F0;
  --color-bg: #F8FAFC;
  --color-surface: #FFFFFF;

  /* Derivados — [INFERIDO] por amostragem/observacao */
  --color-primary-dark: #087A72;      /* hover do primario; texto sobre claro (5.20:1) */
  --color-primary-darker: #06655F;    /* hover profundo; branco sobre ele 6.92:1 (D13) */
  --color-danger-dark: #991B1B;       /* hover destrutivo; branco sobre ele 8.31:1 */
  --color-warning: #F59E0B;           /* tag Atencao (fundo); NÃO usar como texto/ícone: 2.15:1 */
  --color-muted: #64748B;             /* texto secundário/placeholders (4.76:1 no branco — D13; era #94A3B8 = 2.56) */
  --color-tint-teal: #DFF3EE;         /* circulos de beneficio (amostra #7ACDBC no glifo) */
  --color-tint-blue: #E3EDFD;         /* circulo calendario (amostra #C5DEFC) */
  --color-tint-amber: #FDF3E3;        /* circulo sino (amostra #F7EFE4) */
  --color-tag-ok-bg: #E6F7EE; --color-tag-ok: #15803D;
  --color-tag-warn-bg: #FEF3C7; --color-tag-warn: #B45309;
  --color-tag-danger-bg: #FEE2E2; --color-tag-danger: #B91C1C;
  --color-tag-info-bg: #DBEAFE; --color-tag-info: #1D4ED8;

  /* Estados semanticos — [INFERIDO] derivados da paleta aprovada */
  --color-on-primary: #FFFFFF;
  --color-interactive-hover: #F1F5F9;
  --color-focus-ring: rgba(57, 130, 246, 0.35);
  --color-control-focus-ring: rgba(11, 154, 143, 0.25);
  --color-disabled-bg: #E2E8F0;
  --color-disabled-text: #64748B;
  --color-overlay: rgba(15, 23, 42, 0.45);
  --color-skeleton-base: #E2E8F0;
  --color-skeleton-highlight: #F8FAFC;

  /* Tipografia — [CONFIRMADO] Inter (Google Fonts), pesos Regular/Medium/Semibold/Bold */
  --font-family: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-regular: 400;
  --font-medium: 500;
  --font-semibold: 600;
  --font-bold: 700;

  /* Espacamento — [INFERIDO] escala 4/8/12/16/24/32/48 */
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-6: 24px;
  --space-8: 32px;
  --space-12: 48px;

  /* Medidas — [INFERIDO] da referencia */
  --input-height: 44px;
  --btn-height: 48px;
  --sidebar-width: 260px;
  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 16px;
  --radius-pill: 999px;

  --shadow-sm: 0 1px 2px rgba(15, 23, 42, 0.06);
  --shadow-md: 0 4px 12px rgba(15, 23, 42, 0.08);
  --shadow-card: 0 8px 28px rgba(15, 23, 42, 0.12);

  --transition-fast: 150ms ease;
  --transition-base: 200ms ease;
}