/* Atut CRM: paleta produktu.
 *
 * Nazwy --brand-* są zgodne z tokenami Connect Aurora (design-system/connect-ds.css), więc te zmienne można
 * załadować PO connect-ds.css, a cały interfejs (przyciski, linki, focus) przyjmie kolory Atut.
 * Aplikacja i tak nadpisuje --brand-500/600/rgb kolorem organizacji (setBrand w core.js); paleta Atut jest kolorem
 * domyślnym: ekrany logowania i komunikatów, panel superadmina, organizacje bez własnego koloru.
 */
:root {
  /* Morski: kolor działania */
  --brand-50:  #EAF7F8;
  --brand-100: #D2EEF1;
  --brand-200: #A2DADF;
  --brand-300: #63BDC5;
  --brand-400: #2A9CA6;
  --brand-500: #0C7A84;   /* główny: biały tekst 5,1:1 */
  --brand-600: #0A666F;   /* hover */
  --brand-700: #085159;
  --brand-800: #063E45;
  --brand-900: #052F35;
  --brand-rgb: 12, 122, 132;

  /* Granat: powaga (menu, nagłówki, tekst) */
  --atut-navy-900: #0B1D36;
  --atut-navy-800: #12294A;
  --atut-navy-700: #1B3A66;
  --atut-navy-600: #17386B;   /* początek gradientu znaku */
  --atut-ink: #0F2747;        /* tekst logotypu */

  /* Złoto: atut, akcent używany oszczędnie */
  --atut-gold-100: #FDF1D0;
  --atut-gold-300: #F7CE6B;
  --atut-gold-500: #F2B01E;
  --atut-gold-600: #D99A0B;
  --atut-gold-700: #B07A06;
  --atut-on-gold: #3A2900;    /* tekst na złocie: 9,3:1 */

  /* Gradient znaku */
  --atut-gradient: linear-gradient(135deg, #17386B 0%, #0C7A84 100%);
}

/* Tryb ciemny: jaśniejszy morski, żeby zachować kontrast na ciemnym tle */
[data-theme="dark"] {
  --brand-500: #2A9CA6;
  --brand-600: #3AAFB9;
  --brand-rgb: 42, 156, 166;
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --brand-500: #2A9CA6;
    --brand-600: #3AAFB9;
    --brand-rgb: 42, 156, 166;
  }
}