/* Cmdhive's look, shared by the website, the README banner and the link card. */
@font-face { font-family: "Inter"; src: url("fonts/inter.woff2") format("woff2"); font-weight: 100 900; font-display: swap; }
@font-face { font-family: "JetBrains Mono"; src: url("fonts/jetbrains-mono.woff2") format("woff2"); font-weight: 100 800; font-display: swap; }

:root {
  --bg: #0d0d0f;
  --surface: #15151a;
  --surface-2: #1c1c22;
  --line: rgba(255, 255, 255, .08);
  --line-strong: rgba(255, 255, 255, .14);
  --text: #f2f2f2;
  --soft: #c9c9d1;
  --muted: #8d8d97;
  --accent: #d97757;
  --accent-deep: #7a3b27;
  --ok: #3fb950;
  --sans: "Inter", "Segoe UI", system-ui, -apple-system, sans-serif;
  --mono: "JetBrains Mono", "Cascadia Mono", Menlo, Consolas, monospace;
}

/* The wordmark: the command line, then the hive. */
.wordmark { font-family: var(--sans); font-weight: 800; letter-spacing: -.035em; line-height: 1; }
.wordmark .hive { color: var(--accent); }

/* A honeycomb, drawn faintly behind things. */
.honeycomb {
  /* One cell of a pointy-top honeycomb (r = 30): a hexagon, plus the edge
     between the two half-cells below it. Its neighbours draw the rest. */
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='52' height='90' viewBox='0 0 52 90'%3E%3Cpath d='M26 0 L52 15 L52 45 L26 60 L0 45 L0 15 Z M26 60 L26 90' fill='none' stroke='%23ffffff' stroke-opacity='.055' stroke-width='1.5'/%3E%3C/svg%3E");
  background-size: 52px 90px;
}