/* Beyounded — design tokens v1
   Single source of truth for colour, type, and rhythm across every
   Beyounded property and endorsed product. Do not hardcode values
   anywhere else; import this file and reference the variables. */

:root {
  /* ---- Neutrals: this is the brand ---- */
  --bd-ink:      #0D0E10;
  --bd-graphite: #3A3D42;
  --bd-slate:    #7A7F87;
  --bd-line:     #E2E3E6;
  --bd-paper:    #F7F7F5;
  --bd-white:    #FFFFFF;

  /* ---- Accent: max three appearances per screen ---- */
  --bd-ember:    #D65A2E;
  --bd-ember-dk: #B8481F;

  /* ---- Type ---- */
  --bd-font: "Geist Sans", "Inter Tight", Inter, system-ui, -apple-system, sans-serif;
  --bd-mono: "Geist Mono", "JetBrains Mono", ui-monospace, SFMono-Regular, monospace;

  --bd-weight-regular: 400;
  --bd-weight-medium:  500;

  /* Type scale — 1.25 ratio, capped. No sizes outside this scale. */
  --bd-text-xs:  0.75rem;   /* 12px — mono labels, endorsement */
  --bd-text-sm:  0.875rem;  /* 14px — captions */
  --bd-text-base:1rem;      /* 16px — body */
  --bd-text-lg:  1.25rem;   /* 20px — lead paragraph */
  --bd-text-xl:  1.75rem;   /* 28px — section heading */
  --bd-text-2xl: 2.5rem;    /* 40px — page heading */
  --bd-text-3xl: 3.5rem;    /* 56px — hero */

  --bd-leading-tight: 1.15;
  --bd-leading-body:  1.6;
  --bd-tracking-tight: -0.02em;  /* headings and wordmark */
  --bd-tracking-normal: 0;

  /* ---- Rhythm ---- */
  --bd-space-1: 0.25rem;
  --bd-space-2: 0.5rem;
  --bd-space-3: 1rem;
  --bd-space-4: 1.5rem;
  --bd-space-5: 2.5rem;
  --bd-space-6: 4rem;
  --bd-space-7: 6rem;

  --bd-measure: 42rem;   /* ~672px content max-width */
  --bd-radius:  4px;
  --bd-rule:    2px;     /* ground rule weight at body scale */
  --bd-hairline: 1px;
}

/* Dark surface remapping — same tokens, inverted roles. */
[data-theme="dark"] {
  --bd-paper:    #0D0E10;
  --bd-ink:      #F7F7F5;
  --bd-graphite: #C6C8CC;
  --bd-slate:    #8B9098;
  --bd-line:     #26282C;
  --bd-ember:    #E8703F;
}

/* The ground rule — the brand's one repeating device.
   Apply to the wordmark, section starts, and the endorsement lockup. */
.bd-rule {
  display: block;
  height: var(--bd-rule);
  background: var(--bd-ember);
  border: 0;
}