:root {
  /* Spacing */
  --spacing-xs:  4px;
  --spacing-sm:  8px;
  --spacing-md:  16px;
  --spacing-lg:  24px;
  --spacing-xl:  32px;
  --spacing-2xl: 48px;
  --spacing-3xl: 64px;

  /* Typography */
  --font-family-base: 'Inter', system-ui, -apple-system, sans-serif;
  --font-size-sm:     14px;
  --font-size-md:     16px;
  --font-size-lg:     20px;
  --font-size-xl:     28px;
  --font-weight-regular:  400;
  --font-weight-semibold: 600;
  --line-height-body:    1.5;
  --line-height-heading: 1.2;

  /* Color — defaults da plataforma (substituídos por override do tenant) */
  --color-surface:        #F9FAFB;  /* 60% — fundo principal */
  --color-surface-alt:    #FFFFFF;  /* 30% — cards, sidebar, nav */
  --color-border:         #E5E7EB;
  --color-text-primary:   #111827;
  --color-text-secondary: #6B7280;
  --color-text-inverse:   #FFFFFF;

  /* Tenant white-label — sobrescritos via PHP inline <style> */
  --color-primary:        #4F46E5;  /* fallback: índigo */
  --color-primary-dark:   #3730A3;  /* gerado PHP: darken(primary, 15%) */
  --color-primary-light:  #818CF8;  /* gerado PHP: lighten(primary, 20%) */
  --color-accent:         #10B981;  /* fallback: verde esmeralda */
  --color-on-primary:     #FFFFFF;  /* gerado PHP: contraste WCAG sobre primary */
  --color-link:           #4F46E5;  /* gerado PHP: primary escurecido até WCAG AA sobre fundo claro */
  --color-primary-border: transparent; /* gerado PHP: borda do btn primário quando a cor não atinge 3:1 (WCAG 1.4.11) */
  --color-border-selected: #4F46E5; /* fallback: mesma cor do --color-primary fallback (já passa 3:1) — gerado PHP por tenant */

  /* Semântico */
  --color-destructive:    #DC2626;
  --color-destructive-bg: #FEF2F2;
  --color-success:        #16A34A;
  --color-success-bg:     #F0FDF4;
  --color-warning:        #D97706;
  --color-warning-bg:     #FFFBEB;
  --color-warning-border: #FDE68A;
  --color-info:           #2563EB;
  --color-info-bg:        #EFF6FF;
  --color-info-border:    #BFDBFE;

  /* Radius */
  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 12px;

  /* Shadow */
  --shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);
  --shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);
}