/* ============================================================
   Casso Business — design tokens
   Spójne z getcasso.com (landing)
   ============================================================ */

:root {
  --bg: #fcfaf6;
  --bg-2: #ffffff;
  --bg-3: #f5f1ea;
  --text: #0d1421;
  --text-2: #4a5260;
  --text-3: #6b6258;
  --border: rgba(20, 30, 40, 0.1);
  --border-2: rgba(20, 30, 40, 0.18);
  --rule: #1a2332;

  --accent: #1a4d3e;
  --accent-soft: #e8f0eb;
  --warm: #c97a3a;
  --warm-soft: #fbeede;
  --rose: #b14444;
  --rose-soft: rgba(177, 68, 68, 0.08);

  --space-xs: 6px;
  --space-sm: 12px;
  --space-md: 18px;
  --space-lg: 28px;
  --space-xl: 44px;

  --radius-sm: 0;
  --radius-md: 0;

  --font-serif: 'Source Serif 4', 'Times New Roman', Georgia, serif;
  --font-sans: 'Inter', system-ui, -apple-system, sans-serif;
  --font-mono: 'JetBrains Mono', 'SF Mono', Consolas, monospace;

  --transition-base: 0.2s ease;
  --shadow-card: 0 1px 3px rgba(20, 30, 40, 0.04);

  /* Layout — panel */
  --sidebar-width: 240px;
  --topbar-height: 60px;
}

[data-theme="dark"] {
  --bg: #0e1218;
  --bg-2: #161a22;
  --bg-3: #1c212b;
  --text: #f0ece4;
  --text-2: #b0a99c;
  --text-3: #847d72;
  --border: rgba(255, 240, 215, 0.1);
  --border-2: rgba(255, 240, 215, 0.18);
  --rule: #f0ece4;

  --accent: #6fb89e;
  --accent-soft: rgba(111, 184, 158, 0.1);
  --warm: #e8a86e;
  --warm-soft: rgba(232, 168, 110, 0.1);
  --rose: #d97777;
  --rose-soft: rgba(217, 119, 119, 0.1);
}

@media (max-width: 768px) {
  :root {
    --sidebar-width: 0px;
  }
}