/* ==========================================================================
   Akademia — design tokens (z projektu "dizajn akademii", Claude Design)
   Brand: navy #172e4d + teal #00d9b6 · Poppins (display) / Nunito Sans (body)
   ========================================================================== */
@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@400;600;700;800&family=Nunito+Sans:opsz,wght@6..12,400;6..12,600;6..12,700&family=JetBrains+Mono:wght@400;600&display=swap");

:root {
  /* ---- Brand: Navy ---- */
  --navy-950: #0b1626;
  --navy-900: #0e1d33;
  --navy-800: #172e4d;
  --navy-700: #21406a;
  --navy-600: #2d5488;
  --navy-500: #3d6ba6;
  --navy-300: #8fabce;
  --navy-100: #d5e0ee;
  --navy-50:  #eef3f9;

  /* ---- Brand: Teal ---- */
  --teal-700: #009279;
  --teal-600: #00b89b;
  --teal-500: #00d9b6;
  --teal-400: #3ce3c9;
  --teal-300: #74ecda;
  --teal-200: #a9f3e8;
  --teal-100: #d3f9f2;
  --teal-50:  #e9fcf8;

  /* ---- Neutrals ---- */
  --white:    #ffffff;
  --paper:    #f7f9fb;
  --gray-100: #eef1f5;
  --gray-200: #e0e5ec;
  --gray-300: #c8d0da;
  --gray-400: #9aa6b6;
  --gray-500: #6b7887;
  --gray-600: #4c5866;
  --gray-700: #333d49;

  /* ---- Semantic status ---- */
  --success: #16b981;
  --success-soft: #e4f7ef;
  --warning: #f5a524;
  --warning-soft: #fdf1dc;
  --danger:  #ef4d4d;
  --danger-soft: #fde6e6;
  --info:    #3d6ba6;
  --info-soft: #eef3f9;

  /* ---- Semantic aliases ---- */
  --brand-primary: var(--navy-800);
  --brand-accent:  var(--teal-500);
  --bg-page:       var(--navy-800);
  --surface-card:  var(--white);
  --surface-muted: var(--gray-100);
  --surface-accent: var(--teal-50);
  --text-strong:   var(--navy-900);
  --text-body:     var(--navy-700);
  --text-muted:    var(--gray-500);
  --text-on-dark:  var(--white);
  --text-link:     var(--teal-700);
  --border-subtle: var(--gray-200);
  --border-default: var(--gray-300);
  --focus-ring:    var(--teal-500);

  /* Interaktywne (mapowanie starego #4a6cf7 -> brand) */
  --accent:        var(--navy-700);
  --accent-strong: var(--navy-800);
  --cta:           var(--teal-500);
  --cta-hover:     var(--teal-600);
  --cta-text:      var(--navy-900);

  /* ---- Typografia ---- */
  --font-display: "Poppins", "Segoe UI", system-ui, sans-serif;
  --font-body:    "Nunito Sans", "Segoe UI", system-ui, sans-serif;
  --font-mono:    "JetBrains Mono", ui-monospace, "SF Mono", monospace;
  --fw-regular: 400; --fw-medium: 600; --fw-semibold: 700; --fw-bold: 800;
  --lh-tight: 1.1; --lh-snug: 1.3; --lh-body: 1.6;
  --ls-tight: -0.02em; --ls-caps: 0.08em;

  /* ---- Radius ---- */
  --radius-sm: 8px;
  --radius-md: 14px;
  --radius-lg: 20px;
  --radius-xl: 28px;
  --radius-pill: 999px;

  /* ---- Cienie (chłodne, navy) ---- */
  --shadow-xs: 0 1px 2px rgba(23, 46, 77, 0.06);
  --shadow-sm: 0 2px 8px rgba(23, 46, 77, 0.08);
  --shadow-md: 0 8px 24px rgba(23, 46, 77, 0.10);
  --shadow-lg: 0 18px 44px rgba(23, 46, 77, 0.14);
  --shadow-accent: 0 12px 28px rgba(0, 217, 182, 0.30);

  /* ---- Motion ---- */
  --ease-out: cubic-bezier(0.22, 1, 0.36, 1);
  --dur-fast: 140ms; --dur-base: 220ms;
}