/* Finbit design tokens v1: ONE file for both installs (both installs). Change values here only.
   Palette: cool white + slate ink, teal brand, highlighter-yellow data accent. System fonts only (no webfonts = no FOIT/CLS). */
:root {
  /* colour: base tints (v1.1). Page base is neutral daylight / white-wood; reading areas + cards sit on white paper. All text tokens pass AA on every tint:
     on tint: text 16.6, text-2 9.2, muted 5.6, accent 5.4 | on band: text 15.3, text-2 8.5, muted 5.2, accent 5.0 (:1) */
  --fb-color-bg: #faf8f4;        /* page base: neutral daylight (v2.7, was mint #f3f8f6) */
  --fb-color-paper: #ffffff;     /* article reading area, cards, header */
  --fb-color-band: #f4f0e8;      /* alternating section band */
  --fb-color-band-line: #e2dacb;
  --fb-color-wood: #ece5d8;      /* white-wood card footer (cards v4 / option B) */
  --fb-color-wood-2: #e6ddcd;    /* card hover */
  --fb-shadow-warm: 0 1px 2px rgba(40, 32, 20, .05), 0 8px 24px -12px rgba(40, 32, 20, .18);
  --fb-shadow-warm-2: 0 2px 4px rgba(40, 32, 20, .06), 0 14px 32px -14px rgba(40, 32, 20, .26);
  /* hero: soft gradients + blob shapes only (no grid or dot patterns), CSS only, no images */
  --fb-hero-mesh: radial-gradient(42rem 22rem at 88% -10%, rgba(214, 200, 176, .38), transparent 70%),
                  radial-gradient(30rem 18rem at 8% 110%, rgba(255, 210, 63, .22), transparent 70%),
                  radial-gradient(26rem 16rem at 55% 40%, rgba(236, 229, 216, .55), transparent 70%);
  --fb-hero-blobs: radial-gradient(14rem 14rem at 78% 30%, rgba(214, 200, 176, .22), transparent 70%), radial-gradient(9rem 9rem at 92% 78%, rgba(255, 210, 63, .18), transparent 70%);
  --fb-ink-soft: linear-gradient(180deg, #202125 0%, #17181b 60%);
  --fb-ink-glow: radial-gradient(40rem 20rem at 85% 0%, rgba(236, 229, 216, .07), transparent 70%), radial-gradient(24rem 14rem at 0% 100%, rgba(255, 210, 63, .10), transparent 70%);
  /* colour: neutrals */
  --fb-color-surface: #f6f3ee;
  --fb-color-surface-2: #ece5d8;
  --fb-color-text: #14181f;      /* 17.8:1 on bg */
  --fb-color-text-2: #3b4452;    /* 9.0:1 on surface */
  --fb-color-muted: #5a6472;     /* 6.0:1 on bg, 5.0:1 on surface-2 */
  --fb-color-line: #e2dacb;
  --fb-color-line-strong: #b9ad98;
  /* colour: brand + data */
  --fb-color-accent: #0a7262;    /* teal, 5.8:1 on bg (links, buttons) */
  --fb-color-accent-strong: #075a4d;
  --fb-color-accent-soft: #efeae1;
  --fb-color-mark: #ffd23f;      /* highlighter: figures, rating, focus on dark */
  --fb-color-mark-soft: #fff4cc; /* "Aktualizované" box */
  --fb-color-mark-line: #e0b000;
  /* colour: dark band (pillar + hub heads, footer) */
  --fb-color-ink: #17181b;
  --fb-color-on-ink: #ffffff;
  --fb-color-on-ink-2: #c9d3d6;  /* 11.6:1 on ink */
  --fb-color-accent-on-ink: #5fd3bc;
  /* colour: status boxes */
  --fb-color-tip-bg: #f4f0e8;    --fb-color-tip-line: #0a7262;
  --fb-color-warn-bg: #fff1e6;   --fb-color-warn-line: #d9480f; --fb-color-warn-text: #9b3b00;
  --fb-color-risk-bg: #fdebec;   --fb-color-risk-line: #c92a3a; --fb-color-risk-text: #b42318;
  --fb-color-note-bg: #f6f3ee;   --fb-color-note-line: #5a6472;
  --fb-color-notice: var(--fb-color-mark-soft);
  /* pillar wayfinding dots (decorative only, never the sole carrier of meaning) */
  --fb-pillar-dane: #0a7262; --fb-pillar-peniaze: #2f5bea; --fb-pillar-bezpecnost: #c92a3a;
  --fb-pillar-nakupy: #d9480f; --fb-pillar-mzda: #7a4fd6; --fb-pillar-spravy: #14181f;

  /* type: system stacks, no downloads */
  --fb-font-body: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif;
  --fb-font-head: var(--fb-font-body);
  --fb-font-mono: ui-monospace, "SF Mono", "Cascadia Mono", "Segoe UI Mono", "Roboto Mono", Menlo, Consolas, monospace;
  --fb-fs-xs: .8125rem;   /* 13 */
  --fb-fs-sm: .9375rem;   /* 15 */
  --fb-fs-base: 1.0625rem;/* 17 body */
  --fb-fs-md: clamp(1.125rem, 1.05rem + .3vw, 1.25rem);
  --fb-fs-lg: clamp(1.25rem, 1.1rem + .6vw, 1.5rem);
  --fb-fs-xl: clamp(1.5rem, 1.2rem + 1.3vw, 2.125rem);
  --fb-fs-2xl: clamp(2rem, 1.45rem + 2.4vw, 3.25rem);
  --fb-fs-3xl: clamp(2.25rem, 1.5rem + 3.4vw, 4rem);
  --fb-lh-body: 1.65; --fb-lh-tight: 1.12;
  --fb-fw-head: 760; --fb-ls-head: -.022em;

  /* space + shape */
  --fb-space-1: .25rem; --fb-space-2: .5rem; --fb-space-3: 1rem; --fb-space-4: 1.75rem; --fb-space-5: 3rem; --fb-space-6: clamp(3.5rem, 2.5rem + 4vw, 6rem);
  --fb-gutter: clamp(1rem, .6rem + 2vw, 2rem);
  --fb-radius: 16px; --fb-radius-sm: 10px; --fb-radius-lg: 22px; --fb-radius-pill: 999px;
  --fb-shadow: 0 1px 2px rgba(15, 26, 30, .05), 0 8px 24px rgba(15, 26, 30, .07);
  --fb-shadow-hover: 0 2px 4px rgba(15, 26, 30, .06), 0 14px 32px rgba(15, 26, 30, .10);
  --fb-ease: cubic-bezier(.2, .7, .2, 1); --fb-dur: 180ms;
  /* Lucide icons (ISC, see assets/icons/LICENSE-lucide.txt) as CSS masks for decorative pseudo-elements */
  --fb-ic-arrow: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14'/%3E%3Cpath d='m12 5 7 7-7 7'/%3E%3C/svg%3E");
  --fb-ic-bulb: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M15 14c.2-1 .7-1.7 1.5-2.5 1-.9 1.5-2.2 1.5-3.5A6 6 0 0 0 6 8c0 1 .2 2.2 1.5 3.5.7.7 1.3 1.5 1.5 2.5'/%3E%3Cpath d='M9 18h6'/%3E%3Cpath d='M10 22h4'/%3E%3C/svg%3E");
  --fb-ic-alert: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m21.73 18-8-14a2 2 0 0 0-3.48 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3'/%3E%3Cpath d='M12 9v4'/%3E%3Cpath d='M12 17h.01'/%3E%3C/svg%3E");
  --fb-ic-book: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 7v14'/%3E%3Cpath d='M3 18a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1h5a4 4 0 0 1 4 4 4 4 0 0 1 4-4h5a1 1 0 0 1 1 1v13a1 1 0 0 1-1 1h-6a3 3 0 0 0-3 3 3 3 0 0 0-3-3z'/%3E%3C/svg%3E");
  --fb-ic-info: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='M12 16v-4'/%3E%3Cpath d='M12 8h.01'/%3E%3C/svg%3E");
  --fb-ic-calc-teal: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23075a4d' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect width='16' height='20' x='4' y='2' rx='2'/%3E%3Cpath d='M8 6h8'/%3E%3Cpath d='M16 14v4'/%3E%3Cpath d='M16 10h.01'/%3E%3Cpath d='M12 10h.01'/%3E%3Cpath d='M8 10h.01'/%3E%3Cpath d='M12 14h.01'/%3E%3Cpath d='M8 14h.01'/%3E%3Cpath d='M12 18h.01'/%3E%3Cpath d='M8 18h.01'/%3E%3C/svg%3E"); /* Lucide calculator, brand teal (accent-strong) */
  --fb-ic-check: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='m9 12 2 2 4-4'/%3E%3C/svg%3E");
  --fb-read: 68ch;       /* reading width */
  --fb-measure: 44rem;   /* article text column */
  --fb-wide: 76rem;      /* page frame */
  --fb-tap: 44px;        /* min tap target */
  --fb-focus: 3px solid var(--fb-color-accent);
}