/* =====================================================
   Finanse Bez Owijania — Stitch Design Tokens (ETAP 1)
   Źródło: stitch_finansebezowijania/<katalog>/code.html
   "Deep Terminal" / developer-fintech dark theme.
   Nadpisanie starych zmiennych app.css znajduje się w
   osobnym arkuszu ../css/stitch-overrides.css.
   ===================================================== */

:root {
  --stitch-terminal-black: #0A0C10;
  --stitch-bg: #10150f;
  --stitch-surface: #10150f;
  --stitch-surface-dim: #10150f;
  --stitch-surface-deep: #111418;
  --stitch-surface-light: #1B2026;
  --stitch-surface-bright: #363b34;
  --stitch-surface-container: #1c211b;
  --stitch-surface-container-low: #181d17;
  --stitch-surface-container-lowest: #0b0f0a;
  --stitch-surface-container-high: #262b25;
  --stitch-surface-container-highest: #31362f;
  --stitch-surface-variant: #31362f;

  --stitch-on-surface: #e0e4da;
  --stitch-on-surface-variant: #bfcaba;
  --stitch-on-background: #e0e4da;
  --stitch-inverse-on-surface: #2d322b;

  --stitch-primary: #88d982;
  --stitch-on-primary: #003909;
  --stitch-primary-container: #2e7d32;
  --stitch-on-primary-container: #cbffc2;
  --stitch-primary-fixed: #a3f69c;
  --stitch-primary-fixed-dim: #88d982;
  --stitch-on-primary-fixed: #002204;
  --stitch-inverse-primary: #1b6d24;

  --stitch-secondary: #a9c7ff;
  --stitch-on-secondary: #003063;
  --stitch-secondary-container: #005db7;
  --stitch-on-secondary-container: #c6d9ff;

  --stitch-tertiary: #ffb1c7;
  --stitch-tertiary-container: #b14b6f;
  --stitch-on-tertiary-container: #ffedf0;

  --stitch-success: #10B981;
  --stitch-warning: #F59E0B;
  --stitch-danger: #F43F5E;
  --stitch-data-blue: #0D47A1;
  --stitch-neutral-slate: #64748B;

  --stitch-outline: #8a9485;
  --stitch-outline-variant: #40493d;
  --stitch-error: #ffb4ab;
  --stitch-on-error: #690005;
  --stitch-error-container: #93000a;
  --stitch-on-error-container: #ffdad6;

  --stitch-font-display: "Space Grotesk", ui-sans-serif, system-ui, sans-serif;
  --stitch-font-body: "JetBrains Mono", ui-monospace, monospace;

  --stitch-font-display-xl: 48px;
  --stitch-font-display-xl-lh: 1.1;
  --stitch-font-display-xl-ls: -0.02em;
  --stitch-font-display-xl-w: 700;

  --stitch-font-display-lg: 32px;
  --stitch-font-display-lg-lh: 1.2;
  --stitch-font-display-lg-w: 600;

  --stitch-font-display-md: 24px;
  --stitch-font-display-md-lh: 1.3;
  --stitch-font-display-md-w: 600;

  --stitch-font-body-lg: 18px;
  --stitch-font-body-lg-lh: 1.6;

  --stitch-font-body-md: 14px;
  --stitch-font-body-md-lh: 1.5;

  --stitch-font-label-caps: 12px;
  --stitch-font-label-caps-lh: 1;
  --stitch-font-label-caps-ls: 0.1em;
  --stitch-font-label-caps-w: 700;

  --stitch-font-data-display: 28px;
  --stitch-font-data-display-lh: 1;
  --stitch-font-data-display-ls: -0.01em;
  --stitch-font-data-display-w: 500;

  --stitch-spacing-1: 4px;
  --stitch-spacing-2: 8px;
  --stitch-spacing-3: 16px;
  --stitch-spacing-4: 24px;
  --stitch-spacing-5: 40px;
  --stitch-spacing-6: 64px;
  --stitch-spacing-gutter: 20px;
  --stitch-margin-mobile: 16px;
  --stitch-margin-desktop: 48px;

  --stitch-radius-btn: 0.25rem;
  --stitch-radius-card: 0.5rem;
  --stitch-radius-xl: 0.75rem;
  --stitch-radius-full: 9999px;

  --stitch-container-max: 1280px;
  --stitch-nav-height: 64px;
  --stitch-bottom-nav-height: 64px;

  --stitch-glow-primary: 0 0 12px 0 rgba(136, 217, 130, 0.15);

  /* ---- Role tekstu (hierarchia primary/secondary/muted, WCAG AA) ---- */
  --fbo-text-primary: #F8FAFC;    /* nagłówki, kwoty, saldo, CTA, kluczowe dane */
  --fbo-text-secondary: #CBD5E1;  /* opisy, labelki, menu, pomocnicze */
  --fbo-text-muted: #94A3B8;      /* daty, status synchronizacji, metadata */

  /* Podniesiony kontrast dla tekstu wtórnego/muted (poprzednio zbyt ciemne) */
  --stitch-on-surface-variant: #d1dacb;  /* kontrast ~7.5:1 (było #bfcaba) */
  --stitch-neutral-slate: #94A3B8;       /* kontrast ~6:1 (było #64748B) */
}

/* Jawne ciemne tło bazy, aby body nigdy nie było przezroczyste */
html,
body {
  background: #10150f !important;
  color: #e0e4da !important;
}