/* Tokeny designu — wspólne dla asystenta, kreatora i ekranu logowania.
   Patrz docs/ui-audit.md (sekcja A2). Każda zmiana koloru/typografii tutaj.
   NIE duplikować w inline <style> w HTMLach. */

:root {
  /* Akcent — sukces, brand */
  --green: #A8D82C;
  --green-deep: #7AAD18;
  --green-ink: #4A6B0E;
  --green-soft: rgba(168,216,44,0.14);

  /* Tła ciemne (sidebar, login, brand) */
  --ink-900: #0F1013;
  --ink-800: #17191E;
  --ink-700: #20232A;
  --ink-600: #2C2F38;
  --ink-500: #3A3E49;
  --ink-400: #5A5F6D;
  --ink-300: #8B909E;
  --ink-200: #B8BCC6;

  /* Tła jasne (powierzchnie pracy, papier) */
  --cream: #F6F3EC;
  --cream-2: #EEEADF;
  --paper: #FBF9F4;
  --paper-line: #E6E0D3;
  --paper-ink: #1A1A1F;
  --paper-muted: #6E6A5E;

  /* Akcenty dodatkowe — statusy, awatary, ostrzeżenia */
  --apricot: #E8854A;  /* student avatar, draft */
  --rose:    #D86B7C;  /* wylogowanie, fork, błąd */
  --indigo:  #5B7BD8;  /* do aprobaty, własna lekcja */

  /* Typografia */
  --font:  'Inter', system-ui, sans-serif;
  --serif: 'Fraunces', 'Times New Roman', serif;
  --mono:  'JetBrains Mono', ui-monospace, monospace;

  /* Promienie */
  --r-sm: 8px;
  --r-md: 12px;
  --r-lg: 18px;
  --r-xl: 24px;
}