:root {
  --et-brand-primary: #3B82F6;
  --et-brand-secondary: #1E40AF;
  --et-brand-dark: #0B1E3F;
  --et-brand-light: #60A5FA;
  --et-brand-lighter: #DBEAFE;
  --et-brand-shadow: rgba(59, 130, 246, 0.3);
  --et-brand-shadow-hover: rgba(59, 130, 246, 0.4);

  --et-accent: #60A5FA;
  --et-accent-dark: #1E40AF;
  --et-accent-light: #DBEAFE;

  --et-neutral-50: #fafafa;
  --et-neutral-100: #f5f5f5;
  --et-neutral-200: #E1E5E9;
  --et-neutral-300: #C8CED5;
  --et-neutral-400: #8E99A4;
  --et-neutral-500: #666666;
  --et-neutral-600: #4A5568;
  --et-neutral-700: #333333;
  --et-neutral-800: #212121;
  --et-neutral-900: #1a1a1a;

  --et-font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;

  --et-gradient-auth: linear-gradient(135deg, #eef4ff 0%, #cfe0ff 50%, #b6cdf5 100%);
  --et-gradient-brand: linear-gradient(135deg, #0B1E3F 0%, #1E3A8A 100%);
  --et-gradient-neutral: linear-gradient(135deg, #f5f5f5 0%, #E1E5E9 100%);
}

[data-brand="earth-tab"] {
  --nb-brand-primary: var(--et-brand-primary);
  --nb-brand-secondary: var(--et-brand-secondary);
  --nb-brand-dark: var(--et-brand-dark);
  --nb-brand-light: var(--et-brand-light);
  --nb-brand-lighter: var(--et-brand-lighter);
  --nb-brand-shadow: var(--et-brand-shadow);
  --nb-brand-shadow-hover: var(--et-brand-shadow-hover);

  --color-brand-primary: var(--et-brand-primary);
  --color-brand-secondary: var(--et-brand-secondary);
  --color-brand-dark: var(--et-brand-dark);
  --color-brand-light: var(--et-brand-light);
  --color-brand-lighter: var(--et-brand-lighter);

  --color-border-hover: var(--et-brand-primary);
  --color-shadow-hover: rgba(59, 130, 246, 0.1);

  --gradient-primary: var(--et-gradient-brand);
  --gradient-bg: var(--et-gradient-auth);

  --nb-shadow-brand: 0 0.25rem 0.75rem var(--et-brand-shadow);
  --nb-shadow-brand-hover: 0 0.375rem 1.25rem var(--et-brand-shadow-hover);
}

[data-brand="tenant"] {
  --nb-brand-primary: var(--tenant-primary, #15327D);
  --nb-brand-secondary: var(--tenant-secondary, #1E40AF);
  --nb-brand-dark: var(--tenant-dark, #0B1E3F);
  --nb-brand-light: var(--tenant-light, #60A5FA);
  --nb-brand-lighter: var(--tenant-lighter, #DBEAFE);
  --nb-brand-shadow: var(--tenant-shadow, rgba(59, 130, 246, 0.3));
  --nb-brand-shadow-hover: var(--tenant-shadow-hover, rgba(59, 130, 246, 0.4));

  --color-brand-primary: var(--tenant-primary, #15327D);
  --color-brand-secondary: var(--tenant-secondary, #1E40AF);
  --color-brand-dark: var(--tenant-dark, #0B1E3F);
  --color-brand-light: var(--tenant-light, #60A5FA);
  --color-brand-lighter: var(--tenant-lighter, #DBEAFE);

  --color-border-hover: var(--tenant-primary, #15327D);
  --color-shadow-hover: var(--tenant-shadow-subtle, rgba(59, 130, 246, 0.1));

  --gradient-primary: linear-gradient(135deg, var(--tenant-dark, #0B1E3F) 0%, var(--tenant-secondary, #1E3A8A) 100%);

  --nb-shadow-brand: 0 0.25rem 0.75rem var(--tenant-shadow, rgba(59, 130, 246, 0.3));
  --nb-shadow-brand-hover: 0 0.375rem 1.25rem var(--tenant-shadow-hover, rgba(59, 130, 246, 0.4));
}