:root {
  /* Primária — rgb(0, 56, 168) */
  --cl-primary:         #0038a8;
  --cl-primary-dark:    #002a7a;
  --cl-primary-light:   #e6eef9;
  --cl-primary-mid:     #1a52c4;

  --cl-secondary:       #0f172a;
  --cl-secondary-light: #f1f5f9;
  --cl-accent:          #f59e0b;
  --cl-accent-light:    #fef3c7;

  /* Semânticas */
  --cl-success:         #15803d;
  --cl-success-light:   #dcfce7;
  --cl-danger:          #dc2626;
  --cl-danger-light:    #fee2e2;
  --cl-warning:         #d97706;
  --cl-warning-light:   #fef3c7;
  --cl-info:            #0052cc;
  --cl-info-light:      #e6eef9;

  /* Texto */
  --cl-text:            #0f172a;
  --cl-text-muted:      #64748b;
  --cl-text-subtle:     #94a3b8;

  /* Superfícies */
  --cl-surface:         #ffffff;
  --cl-surface-2:       #f8fafc;
  --cl-surface-3:       #f1f5f9;

  /* Bordas */
  --cl-border:          #e2e8f0;
  --cl-border-strong:   #cbd5e1;

  /* Raios */
  --r-sm: 6px;
  --r-md: 10px;
  --r-lg: 14px;

  /* Tipografia — base universal (editável em Gaivota Site) */
  --fs-root: 17px;
  --fs-base: 1rem;
  --fs-sm: 0.875rem;
  --fs-xs: 0.8125rem;
  --fs-lg: 1.125rem;
}