/* Bytekind design tokens — drop in and use var(--bk-*) */

:root {
  /* Palette */
  --bk-cream: #FBF6EF;   /* page background */
  --bk-blush: #F4D9D3;   /* soft surfaces, highlights */
  --bk-sage:  #C9D3BF;   /* secondary surfaces, "For builders" */
  --bk-moss:  #43594A;   /* deep sage: secondary text, links, tags */
  --bk-plum:  #5A2A4E;   /* primary accent: buttons, headings, wordmark */
  --bk-ink:   #2A2129;   /* body text */

  /* Semantic */
  --bk-bg: var(--bk-cream);
  --bk-surface: #FFFFFF;
  --bk-text: var(--bk-ink);
  --bk-text-muted: var(--bk-moss);
  --bk-accent: var(--bk-plum);
  --bk-accent-hover: #47203E;
  --bk-on-accent: var(--bk-cream);
  --bk-border: #E8DCD2;
  --bk-focus: #5A2A4E;

  /* Typography */
  --bk-font-serif: 'Fraunces', 'Cormorant Garamond', Georgia, serif;
  --bk-font-sans: 'DM Sans', 'Inter', system-ui, -apple-system, sans-serif;
  --bk-text-display: 3.5rem;  /* 56px, Fraunces 400 */
  --bk-text-h1: 2.5rem;       /* 40px */
  --bk-text-h2: 1.75rem;      /* 28px */
  --bk-text-h3: 1.25rem;      /* 20px */
  --bk-text-body: 1.0625rem;  /* 17px, DM Sans 400 */
  --bk-text-small: 0.875rem;  /* 14px */
  --bk-text-eyebrow: 0.75rem; /* 12px, DM Sans 600, tracked */
  --bk-leading-tight: 1.15;
  --bk-leading-body: 1.6;
  --bk-tracking-eyebrow: 0.14em;

  /* Shape & space */
  --bk-radius-sm: 8px;
  --bk-radius-md: 14px;
  --bk-radius-lg: 24px;
  --bk-radius-pill: 999px;
  --bk-space-1: 4px;
  --bk-space-2: 8px;
  --bk-space-3: 12px;
  --bk-space-4: 16px;
  --bk-space-6: 24px;
  --bk-space-8: 32px;
  --bk-space-12: 48px;
  --bk-space-16: 64px;
  --bk-shadow-soft: 0 1px 2px rgba(42,33,41,.06), 0 8px 24px rgba(90,42,78,.08);
}