/* ============================================================
   Rise360 — Prezentacja: theme.css
   Zmienne brandowe. Edytuj tu globalnie lub nadpisz przez config.js
   ============================================================ */

@import url('https://fonts.googleapis.com/css2?family=Prompt:wght@300;400;500;600;700&display=swap');

:root {
  /* --- Brand (z rise360.pl) --- */
  --accent:        #3864FF;   /* podmienialny per klient (config.js) */
  --accent-link:   #2A4EEF;
  --accent-2:      #F59E0B;   /* dodatkowy (case study / highlight) */
  --navy:          #111827;
  --navy-soft:     #1b2c52;   /* do gradientów na granacie */

  --ink:           #141414;
  --gray:          #777777;
  --gray-soft:     #555555;
  --line:          #e6e8ec;
  --bg-light:      #ffffff;
  --bg-light-2:    #f3f4f6;
  --bg-light-3:    #f9fafb;
  --on-dark:       #ffffff;
  --on-dark-soft:  rgba(255,255,255,.78);
  --on-dark-faint: rgba(255,255,255,.12);

  /* --- Typografia --- */
  --font: 'Prompt', system-ui, -apple-system, Segoe UI, Roboto, sans-serif;

  /* --- Layout --- */
  --slide-w: 1280px;          /* bazowa szerokość 16:9 */
  --slide-h: 720px;
  --pad: clamp(32px, 5vw, 72px);
  --radius: 14px;
  --radius-sm: 10px;

  /* --- Ruch --- */
  --t-fast: .18s;
  --t: .35s;
  --ease: cubic-bezier(.4, 0, .2, 1);
}

* { box-sizing: border-box; margin: 0; padding: 0; }

html, body {
  height: 100%;
  font-family: var(--font);
  color: var(--ink);
  background: #0a0f1c;          /* poza-slajdowe tło (letterbox) */
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

@media (prefers-reduced-motion: reduce) {
  :root { --t: 0s; --t-fast: 0s; }
  * { scroll-behavior: auto !important; }
}