/*
  Cardexa Design System — CAMADA 1: PRIMITIVOS (AGENT §2).
  Paleta, escala tipográfica, espaçamento, raios, sombras e motion crus. NÃO são theming: um tenant nunca
  redefine primitivo (redefine só a camada semântica, tokens.semantic.css). Zero recurso externo: fontes são
  stacks de sistema (nenhum @import, nenhuma URL de rede). Os hexes de cor aqui são a fonte única da paleta e
  espelham SemanticTokens.CardexaDefaults / o tema whitelabel-demo (um teste guarda a coerência).
*/
:root {
  color-scheme: light;

  /* Neutros (superfícies/texto/bordas). */
  --cx-c-neutral-0: #ffffff;
  --cx-c-neutral-50: #eceff1;
  --cx-c-neutral-200: #d6dde1;
  --cx-c-neutral-600: #3a414d;
  --cx-c-neutral-900: #11151e;

  /* Marca Cardexa (azul). */
  --cx-c-brand-100: #d6faf3;
  --cx-c-brand-600: #0b1020;
  --cx-c-brand-700: #232c42;
  --cx-c-brand-focus: #08655a;
  --cx-c-brand-neon: #22e0c8;

  /* Marca whitelabel-demo (teal) — primitivos próprios, ainda camada 1. */
  --cx-c-teal-100: #d9efea;
  --cx-c-teal-600: #0a6d5d;
  --cx-c-teal-700: #075447;
  --cx-c-teal-surface: #eef5f3;
  --cx-c-teal-ink: #0f1e1b;
  --cx-c-teal-ink-muted: #4a5b57;
  --cx-c-teal-border: #cadbd6;

  /* Feedback (compartilhado; whitelabel herda por fallback). */
  --cx-c-success: #0e6b3c;
  --cx-c-success-base: #1e9e5a;
  --cx-c-success-surface: #e5f4eb;
  --cx-c-warning: #8a5c06;
  --cx-c-warning-base: #c2820e;
  --cx-c-warning-surface: #fbf0da;
  --cx-c-danger: #b02a2a;
  --cx-c-danger-base: #d14343;
  --cx-c-danger-surface: #fae8e8;
  --cx-c-info: #1a5bae;
  --cx-c-info-base: #2c7bd6;
  --cx-c-info-surface: #e4eefa;

  /* Tipografia (stacks de sistema — zero CDN). */
  --cx-font-sans: 'Inter var', system-ui, -apple-system, 'Segoe UI', Roboto, Arial, sans-serif;
  --cx-font-rounded: ui-rounded, 'Segoe UI', system-ui, -apple-system, Roboto, sans-serif;
  --cx-text-xs: 0.75rem;
  --cx-text-sm: 0.875rem;
  --cx-text-md: 1rem;
  --cx-text-lg: 1.125rem;
  --cx-text-xl: 1.375rem;
  --cx-text-2xl: 1.75rem;
  --cx-leading: 1.5;

  /* Espaçamento (escala 4px). */
  --cx-space-1: 0.25rem;
  --cx-space-2: 0.5rem;
  --cx-space-3: 0.75rem;
  --cx-space-4: 1rem;
  --cx-space-5: 1.5rem;
  --cx-space-6: 2rem;
  --cx-space-8: 3rem;

  /* Raios. */
  --cx-radius-1: 4px;
  --cx-radius-2: 8px;
  --cx-radius-3: 14px;
  --cx-radius-round: 999px;

  /* Sombras. */
  --cx-shadow-1: 0 1px 2px rgba(11, 16, 32, .08), 0 4px 16px rgba(11, 16, 32, .06);
  --cx-shadow-2: 0 8px 32px rgba(11, 16, 32, .18);

  /* Véu de sobreposição (scrim do modal). */
  --cx-c-scrim: rgba(11, 16, 32, .55);

  /* Motion (respeitado por prefers-reduced-motion em components.css). */
  --cx-motion-fast: 120ms;
  --cx-motion-base: 200ms;
  --cx-ease: cubic-bezier(.2, .6, .2, 1);
}