/* BFA Accounting — design tokens. Generated from the design system (tokens.json).
   Load before bundle.css. Never hard-code a hex value; use these variables. */

@font-face {
  font-family: "Noto Sans Georgian";
  src: url("/assets/fonts/NotoSansGeorgian-400.woff2") format("woff2");
  font-weight: 400; font-style: normal; font-display: swap;
}
@font-face {
  font-family: "Noto Sans Georgian";
  src: url("/assets/fonts/NotoSansGeorgian-600.woff2") format("woff2");
  font-weight: 600; font-style: normal; font-display: swap;
}
@font-face {
  font-family: "Noto Sans Georgian";
  src: url("/assets/fonts/NotoSansGeorgian-700.woff2") format("woff2");
  font-weight: 700; font-style: normal; font-display: swap;
}
@font-face {
  font-family: "Noto Sans Georgian";
  src: url("/assets/fonts/NotoSansGeorgian-800.woff2") format("woff2");
  font-weight: 800; font-style: normal; font-display: swap;
}

:root {
  /* Colour */
  --brand: #079ac8;
  --brand-ink: #000000;
  --blue-50: #eff9fd;
  --blue-100: #d9f1fd;
  --blue-200: #afe0f7;
  --blue-300: #73caf1;
  --blue-500: #079ac8;
  --blue-600: #007ea5;
  --blue-700: #006a8b;
  --blue-800: #00526d;
  --blue-900: #003345;
  --ink: #0f1a21;
  --ink-muted: #4b5760;
  --ink-subtle: #5e6972;
  --line: #dce4ea;
  --line-strong: #7c8891;
  --surface: #ffffff;
  --surface-100: #f5f8fb;
  --surface-200: #e6f1f7;
  --primary: #007ea5;
  --primary-hover: #006a8b;
  --on-primary: #ffffff;
  --link: #006a8b;
  --focus: #006a8b;
  --success: #1a7244;
  --success-soft: #e5faeb;
  --danger: #b32e2a;
  --danger-soft: #ffefed;
  --warning: #915c08;
  --warning-soft: #fff3db;
  --rating-star: #f2a900;

  /* Type */
  --font-sans: "Noto Sans Georgian", system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-mono: ui-monospace, "SF Mono", Menlo, Consolas, monospace;

  /* Spacing */
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --space-7: 48px;
  --space-8: 64px;
  --space-9: 96px;

  /* Radius */
  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 16px;
  --radius-pill: 999px;

  /* Shadow */
  --shadow-sm: 0 1px 2px rgba(4, 33, 48, 0.06), 0 1px 1px rgba(4, 33, 48, 0.04);
  --shadow-md: 0 6px 16px rgba(4, 33, 48, 0.08), 0 1px 3px rgba(4, 33, 48, 0.06);
  --shadow-lg: 0 16px 40px rgba(4, 33, 48, 0.14), 0 2px 6px rgba(4, 33, 48, 0.06);

  /* Layout */
  --container: 1200px;
  --measure: 68ch;
  --header-height: 76px;
  --header-height-mobile: 64px;
  --sticky-cta-height: 64px;
  --tap-min: 48px;

  /* Breakpoints (copy the value into @media, vars do not work there) */
  --bp-sm: 480px;
  --bp-md: 768px;
  --bp-lg: 1024px;
  --bp-xl: 1280px;

  /* Z-index */
  --z-sticky-cta: 90;
  --z-header: 100;
  --z-menu: 110;
  --z-consent: 1000;
  --z-skip: 1100;
}

/* Type scale, generated from tokens.json. Load this file before bundle.css. */
.display { font: 800 48px/58px var(--font-sans); }
.h1 { font: 800 40px/50px var(--font-sans); }
.h2 { font: 700 32px/42px var(--font-sans); }
.h3 { font: 700 21px/30px var(--font-sans); }
.h4 { font: 700 18px/27px var(--font-sans); }
.body { font: 400 17px/28px var(--font-sans); }
.body-strong { font: 600 17px/28px var(--font-sans); }
.body-sm { font: 400 15px/24px var(--font-sans); }
.stat { font: 800 44px/48px var(--font-sans); font-variant-numeric: tabular-nums; }