/* assets/css/variables.css
   Czas na Rozwój — tokens
   Brand: #005cab (główny)
*/

:root{

  /* =========================
     BRAND
  ========================== */

  --brand:#005cab;
  --brand-hover:#004a96;

  /* Sync z Bootstrap */
  --bs-primary: var(--brand);
  --bs-primary-rgb: 0, 92, 171;


  /* =========================
     TEXT
  ========================== */

  --text:#0b1220;
  --muted:#5b6b82;
  --on-dark:#f8fafc;


  /* =========================
     BACKGROUNDS
  ========================== */

	--page-bg:#fff;
  --section-bg:#ffffff;
  --section-alt:#f3f6fb;


  /* =========================
     BORDERS
  ========================== */

  --border:rgba(15,23,42,.10);
  --border-strong:rgba(15,23,42,.16);


  /* =========================
     RADIUS
  ========================== */

  --radius:14px;
  --radius-lg:16px;
  --radius-pill:999px;


  /* =========================
     NAVBAR
  ========================== */

  --nav-bg:#005cab;
  --nav-border:rgba(255,255,255,.18);
  --nav-link:rgba(255,255,255,.92);
  --nav-link-hover:#ffffff;
  --nav-link-active:#ffffff;


  /* =========================
     HERO
  ========================== */

  --hero-bg:
    radial-gradient(900px 520px at 88% 24%, rgba(0,92,171,.14), transparent 60%),
    radial-gradient(800px 480px at 12% 16%, rgba(0,92,171,.10), transparent 62%),
    linear-gradient(180deg, #ffffff, #f3f6ff);

  --hero-title:#0b1220;
  --hero-lead:rgba(11,18,32,.78);
  --hero-accent:var(--brand);
  --hero-border:rgba(15,23,42,.10);


  /* =========================
     CARDS
  ========================== */

  --card-bg:#ffffff;
  --card-border:rgba(15,23,42,.14);
  --card-shadow:0 14px 35px rgba(15,23,42,.10);
  --card-shadow-hover:0 22px 55px rgba(15,23,42,.16);


  /* =========================
     BUTTONS
  ========================== */

  --btn-bg:var(--brand);
  --btn-bg-hover:var(--brand-hover);
  --btn-text:#ffffff;

  --btn-outline-text:var(--brand);
  --btn-outline-border:rgba(0,92,171,.55);
  --btn-outline-hover-bg:rgba(0,92,171,.10);


  /* =========================
     FOOTER
  ========================== */

  --footer-grad-1:rgba(15,23,42,.03);
  --footer-grad-2:rgba(15,23,42,0);

}