/* AUTO-GENERATED -- DO NOT EDIT MANUALLY.
 * Source of truth: Bariks.Tools/Design/design-tokens.json
 * Regenerate with: pwsh ./Bariks.Tools/Design/SyncDesignTokens.ps1
 */
:root{
  /* primitives */
  --bk-color-ink:#000000;
  --bk-color-ink-2:#0A0A0A;
  --bk-color-ink-3:#050505;
  --bk-color-teal:#00C2A2;
  --bk-color-mint:#00D4B0;
  --bk-color-coral:#FF8D77;
  --bk-color-coral-hi:#F75B3C;
  --bk-color-cream:#F1E3CF;
  --bk-color-cloud:#F4F2EE;
  --bk-color-cloud-62:rgba(244,242,238,.62);
  --bk-color-white-08:rgba(255,255,255,.08);
  --bk-font-sans:'Outfit', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
  --bk-space-wrap:1400px;
  --bk-space-pad:48px;
  --bk-space-radius:24px;
  /* semantic */
  --bk-color-bg:var(--bk-color-ink);
  --bk-color-surface:var(--bk-color-ink-2);
  --bk-color-surface-deep:var(--bk-color-ink-3);
  --bk-color-primary:var(--bk-color-teal);
  --bk-color-primary-hover:var(--bk-color-mint);
  --bk-color-accent:var(--bk-color-coral);
  --bk-color-text:var(--bk-color-cloud);
  --bk-color-text-muted:var(--bk-color-cloud-62);
  --bk-color-hairline:var(--bk-color-white-08);
  --bk-font-base:var(--bk-font-sans);
  --bk-layout-wrap:var(--bk-space-wrap);
  --bk-layout-pad:var(--bk-space-pad);
  --bk-layout-radius:var(--bk-space-radius);
}