/*
 * RCKiK Wrocław — Panel admina — Style bazowe (reset, tokeny, typografia)
 * Plik: css/base.css
 * Wersja: 1.1.0
 * Data: 2026-06-23
 * Autor: webfloyd.pl
 */

*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
html { font-size: 15px; }
body {
  font-family: 'Inter', system-ui, sans-serif;
  background: #f7f7f6;
  color: #1a1a1a;
  display: flex;
  min-height: 100vh;
  -webkit-font-smoothing: antialiased;
}

/* ── Tokeny projektu (branding RCKiK) ── */
:root {
  --red: #c8102e;
  --red-dark: #a50d25;
  --red-light: #fdf1f3;
  --red-mid: #f5c4cc;
  --sidebar-bg: #6b0f1a;
  --sidebar-w: 240px;
  --topbar-h: 56px;
  --white: #fff;
  --gray-50: #f7f7f6;
  --gray-100: #eeede9;
  --gray-200: #e5e5e3;
  --gray-400: #9a9898;
  --gray-700: #4a4a4a;
  --radius: 10px;
  --radius-sm: 6px;
  --shadow-sm: 0 1px 3px rgba(0,0,0,.06);
  --shadow-md: 0 4px 16px rgba(0,0,0,.08);
}

/* ── Focus (WCAG 2.1 AA) ── */
a:focus-visible, button:focus-visible {
  outline: 2px solid var(--red);
  outline-offset: 2px;
  border-radius: 4px;
}