/* Bucovina Innovation Alliance (BIA) design tokens. Keep in sync with tokens.json.
   Fonts: Space Grotesk (display) + Inter (text), both on Google Fonts with full Romanian diacritics:
   <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&family=Space+Grotesk:wght@500;700&display=swap" rel="stylesheet"> */

:root {
  /* Colour: core */
  --bia-ink: #111111;
  --bia-ink-raised: #1C1C1C;
  --bia-white: #FFFFFF;
  --bia-paper: #F5F5F2;

  --bia-grey-800: #2A2A2A;  /* borders on ink */
  --bia-grey-700: #3A3A3A;
  --bia-grey-500: #6B6B6B;  /* secondary text on white / paper */
  --bia-grey-400: #9A9A9A;  /* secondary text on ink */
  --bia-grey-200: #E4E4E0;  /* borders on light */

  --bia-blue-50:  #E3EEFC;
  --bia-blue-300: #7FB2F5;  /* links & highlights on ink */
  --bia-blue-500: #2F7DE1;  /* Voroneț bright: brand colour */
  --bia-blue-600: #2668C2;  /* interactive: buttons, links on light */

  /* Type */
  --bia-font-display: "Space Grotesk", Inter, system-ui, sans-serif;
  --bia-font-text: Inter, system-ui, sans-serif;
  --bia-fs-display: 72px;
  --bia-fs-h1: 48px;
  --bia-fs-h2: 36px;
  --bia-fs-h3: 24px;
  --bia-fs-h4: 20px;
  --bia-fs-body-lg: 18px;
  --bia-fs-body: 16px;
  --bia-fs-small: 14px;
  --bia-fs-label: 12px;
  --bia-lh-tight: 1.05;
  --bia-lh-heading: 1.15;
  --bia-lh-body: 1.55;
  --bia-tracking-display: -0.02em;
  --bia-tracking-label: 0.08em;
  --bia-tracking-descriptor: 0.16em;

  /* Space (4px base) */
  --bia-space-1: 4px;
  --bia-space-2: 8px;
  --bia-space-3: 12px;
  --bia-space-4: 16px;
  --bia-space-5: 24px;
  --bia-space-6: 32px;
  --bia-space-7: 48px;
  --bia-space-8: 64px;
  --bia-space-9: 96px;
  --bia-space-10: 128px;

  /* Shape */
  --bia-radius: 0px;
  --bia-radius-sm: 2px;
  --bia-stroke-hairline: 1px;
  --bia-stroke-rule: 1.5px;
  --bia-stroke-trace: 2px;
}

/* Surfaces: set one on any container and children pick up the right colours. */
.bia-surface-white,
[data-surface="white"] {
  --bia-bg: var(--bia-white);
  --bia-text: var(--bia-ink);
  --bia-muted: var(--bia-grey-500);
  --bia-accent: var(--bia-blue-500);
  --bia-link: var(--bia-blue-600);
  --bia-border: var(--bia-grey-200);
}
.bia-surface-paper,
[data-surface="paper"] {
  --bia-bg: var(--bia-paper);
  --bia-text: var(--bia-ink);
  --bia-muted: var(--bia-grey-500);
  --bia-accent: var(--bia-blue-500);
  --bia-link: var(--bia-blue-600);
  --bia-border: var(--bia-grey-200);
}
.bia-surface-ink,
[data-surface="ink"] {
  --bia-bg: var(--bia-ink);
  --bia-text: var(--bia-white);
  --bia-muted: var(--bia-grey-400);
  --bia-accent: var(--bia-blue-500);
  --bia-link: var(--bia-blue-300);
  --bia-border: var(--bia-grey-800);
}
/* Voroneț field: white type at ≥24px (≥18.66px bold) only; smaller body copy in ink. */
.bia-surface-field,
[data-surface="field"] {
  --bia-bg: var(--bia-blue-500);
  --bia-text: var(--bia-white);
  --bia-body: var(--bia-ink);
  --bia-muted: var(--bia-ink);
  --bia-accent: var(--bia-white);
  --bia-link: var(--bia-ink);
  --bia-border: rgba(255, 255, 255, 0.35);
}
[data-surface] {
  background: var(--bia-bg);
  color: var(--bia-text);
}