/* ==========================================================================
   MachAuth - Nextcloud Design System Override
   ========================================================================== */

html {
  /* 1. GŁÓWNY BŁĘKIT NEXTCLOUD (#0082c9) */
  --mat-sys-primary: light-dark(#0082c9, #0082c9);
  --mat-sys-on-primary: light-dark(#ffffff, #ffffff);
  --mat-sys-primary-container: light-dark(#e0f2fe, #003857);
  --mat-sys-on-primary-container: light-dark(#001f31, #bae6fd);
  --mat-sys-primary-fixed: light-dark(#e0f2fe, #e0f2fe);
  --mat-sys-primary-fixed-dim: light-dark(#0082c9, #0082c9);

  /* 2. TŁO STRONY (Czysta biel w jasnym, głęboki grafit Nextclouda w ciemnym) */
  --mat-sys-background: light-dark(#f1f5f9, #181818);
  --mat-sys-on-background: light-dark(#222222, #ededed);

  /* 3. POWIERZCHNIE / KARTY (Nextcloud Dark Card: #202020) */
  --mat-sys-surface: light-dark(#0082c9, #202020);
  --mat-sys-surface-dim: light-dark(#f8f9fa, #181818);
  --mat-sys-surface-bright: light-dark(#ffffff, #2c2c2c);

  /* Kaskada tła pod-kontenerów (rozwijane menu, sekcje formularzy) */
  --mat-sys-surface-container-lowest: light-dark(#ffffff, #121212);
  --mat-sys-surface-container-low: light-dark(#f8f9fa, #1a1a1a);
  --mat-sys-surface-container: light-dark(#f1f5f9, #202020);
  --mat-sys-surface-container-high: light-dark(#e2e8f0, #262626);
  --mat-sys-surface-container-highest: light-dark(#cbd5e1, #2e2e2e);

  --mat-sys-on-surface: light-dark(#1f2937, #ededed);
  --mat-sys-on-surface-variant: light-dark(#4b5563, #a1a1aa);

  /* 4. OBRAMOWANIA (Klucz do "czystego, korporacyjnego" wyglądu NC) */
  --mat-sys-outline: light-dark(#94a3b8, #404040);
  --mat-sys-outline-variant: light-dark(#e2e8f0, #2b2b2b);

  /* 5. BARWY DRUGORZĘDNE (Gaszenie md3-fioletów do eleganckich stalowych szarości) */
  --mat-sys-secondary: light-dark(#475569, #94a3b8);
  --mat-sys-on-secondary: light-dark(#ffffff, #1e293b);
  --mat-sys-secondary-container: light-dark(#f1f5f9, #334155);
  --mat-sys-on-secondary-container: light-dark(#0f172a, #f1f5f9);

  /* 6. BARWY TRZECIORZĘDNE (Całkowita likwidacja różu na rzecz błękitnego akcentu) */
  --mat-sys-tertiary: light-dark(#0284c7, #38bdf8);
  --mat-sys-tertiary-container: light-dark(#e0f2fe, #075985);
  --mat-sys-on-tertiary-container: light-dark(#0369a1, #e0f2fe);

  /* 7. BŁĘDY / ALARMY (Klasyczna czerwień Nextclouda) */
  --mat-sys-error: light-dark(#e11414, #ff6b6b);
  --mat-sys-error-container: light-dark(#fee2e2, #7f1d1d);
  --mat-sys-on-error-container: light-dark(#991b1b, #fecaca);

  /* 8. GEOMETRIA (Zabicie "balonowych" rogów Google na rzecz brył Nextclouda) */
  --mat-sys-corner-extra-large: 12px;
  --mat-sys-corner-large: 8px;
  --mat-sys-corner-medium: 6px;
  --mat-sys-corner-small: 4px;
  --mat-sys-corner-extra-small: 2px;
}
/* Wymuszenie czystej czerni na ikonach w trybie jasnym */
.mat-icon {
  color: light-dark(#ffffff, #ffffff) !important;
}

/* Opcjonalnie: jeśli ikony są wewnątrz przycisków, które też mają być bardziej kontrastowe */
.mat-mdc-icon-button {
  color: light-dark(#000000, #ffffff) !important;
}