/* GitHub Primer — theme.css
 * Generated from brandbook.json (id: github-primer).
 * Inspired by: GitHub Primer. Confidence: high.
 * Do not edit by hand — re-run scripts/generate.py.
 */

@import url("https://fonts.googleapis.com/css2?family=Mona+Sans+VF:wght@300;400;500;600&display=swap");

:root {
  --color-accent-border: #54aeff66;
  --color-accent-emphasis: #0969da;
  --color-accent-fg: #0969da;
  --color-accent-muted: #ddf4ff;
  --color-attention-border: #d4a72c66;
  --color-attention-emphasis: #9a6700;
  --color-attention-fg: #9a6700;
  --color-attention-muted: #fff8c5;
  --color-bg-default: #ffffff;
  --color-bg-disabled: #eff2f5;
  --color-bg-emphasis: #25292e;
  --color-bg-inset: #f6f8fa;
  --color-bg-muted: #f6f8fa;
  --color-border-default: #d1d9e0;
  --color-border-emphasis: #818b98;
  --color-closed-emphasis: #cf222e;
  --color-closed-fg: #d1242f;
  --color-danger-border: #ff818266;
  --color-danger-emphasis: #cf222e;
  --color-danger-fg: #d1242f;
  --color-danger-muted: #ffebe9;
  --color-done-border: #c297ff66;
  --color-done-fg: #8250df;
  --color-done-muted: #fbefff;
  --color-fg-default: #1f2328;
  --color-fg-disabled: #818b98;
  --color-fg-muted: #59636e;
  --color-fg-on-emphasis: #ffffff;
  --color-open-emphasis: #1f883d;
  --color-open-fg: #1a7f37;
  --color-primary: #1f883d;
  --color-primary-border_muted: #4ac26b66;
  --color-primary-emphasis: #1f883d;
  --color-primary-fg: #1a7f37;
  --color-primary-muted: #dafbe1;
  --color-severe-fg: #bc4c00;
  --color-severe-muted: #fff1e5;
  --color-sponsors-border: #ff80c866;
  --color-sponsors-fg: #bf3989;
  --color-sponsors-muted: #ffeff7;
  --color-success-border: #4ac26b66;
  --color-success-emphasis: #1f883d;
  --color-success-fg: #1a7f37;
  --color-success-muted: #dafbe1;
  --font-display-companion: "Hubot Sans";
  --font-mono: "ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace";
  --font-sans: "Mona Sans VF", -apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans", Helvetica, Arial, sans-serif;
  --radius-full: 9999px;
  --radius-large: 12px;
  --radius-medium: 6px;
  --radius-small: 3px;
  --shadow-floating-small: 0 0 0 1px #d1d9e040, 0 6px 12px -3px #25292e0a, 0 6px 18px 0 #25292e1f;
  --shadow-resting-medium: 0 1px 1px 0 #25292e1a, 0 3px 6px 0 #25292e1f;
  --shadow-resting-small: 0 1px 1px 0 #1f23280a, 0 1px 2px 0 #1f232808;
  --shadow-resting-xsmall: 0 1px 1px 0 #1f23280d;
  --space-1: 2px;
  --space-10: 32px;
  --space-11: 36px;
  --space-12: 40px;
  --space-13: 44px;
  --space-14: 48px;
  --space-15: 64px;
  --space-16: 80px;
  --space-17: 96px;
  --space-18: 112px;
  --space-19: 128px;
  --space-2: 4px;
  --space-3: 6px;
  --space-4: 8px;
  --space-5: 12px;
  --space-6: 16px;
  --space-7: 20px;
  --space-8: 24px;
  --space-9: 28px;
}

/* Convenience utility classes */
.bb-bg-primary { background: var(--color-primary, var(--color-primary-default)); }
.bb-fg-primary { color: var(--color-primary, var(--color-primary-default)); }
.bb-font-sans { font-family: var(--font-sans, system-ui, sans-serif); }
.bb-font-mono { font-family: var(--font-mono, ui-monospace, monospace); }
.bb-card { background: var(--color-white, white); border: 1px solid var(--color-border, #E5E7EB); border-radius: var(--radius-2xl, 16px); }