/* HubMc design tokens — Minecraft GUI palette + pixel scale.
   Theme-dependent colors live in :root (dark, default) and [data-theme="light"].
   The pixel look scales off --mc-px. */
:root {
  /* pixel unit: source GUI sprites are rendered at this multiple */
  --mc-px: 3;

  /* ── dark theme (default) ── */
  --mc-bg:            #0d0d12;
  --mc-text:          #e9eef0;
  --mc-muted:         #9aa0a6;
  --mc-heading:       #ffffff;
  --mc-gold:          #fcdb05;
  --mc-header-bg:     rgba(14, 16, 20, 0.82);
  --mc-code-bg:       rgba(0, 0, 0, 0.45);
  /* background = a tiled block "wall" + a radial veil (vignette) for depth */
  --mc-wall:          url("../img/bg/cobblestone.png");
  --mc-veil:          radial-gradient(135% 95% at 50% -10%, rgba(22, 26, 32, 0.28), rgba(6, 8, 11, 0.86));
  --mc-link:          #6cc04a;
  --mc-link-hover:    #8fe06a;

  /* theme-independent accents */
  --mc-green:         #5fb83b;
  --mc-green-dark:    #3c7a26;
  --mc-red:           #d64541;
  --mc-tg:            #2aabee;        /* Telegram brand blue */

  /* panel internals — panel.png is a DARK GUI surface in BOTH themes, so its
     text is always light (independent of the light/dark site theme). */
  --mc-panel-text:    #e7ebee;
  --mc-panel-muted:   #a8aeb4;
  --mc-panel-head:    #ffffff;
  --mc-panel-accent:  #7ed957;        /* bright green for titles/links on dark */
  --mc-panel-line:    rgba(255, 255, 255, 0.16);
  --mc-panel-fill:    rgba(255, 255, 255, 0.06);

  --mc-wall-size:     96px;          /* 16px block × 6 → chunky, readable tiling */
  --mc-shadow:        2px 2px 0 rgba(0, 0, 0, 0.55);

  /* nine-slice border widths (source px × scale) */
  --mc-btn-border:    calc(3px * var(--mc-px));   /* button.png border 3 */
  --mc-panel-border:  calc(6px * var(--mc-px));   /* panel.png  border 6 */

  /* square footprint shared by the icon-only GUI buttons (theme toggle, mobile
     burger) so they read as a matched, symmetric pair */
  --mc-touch:         46px;

  /* spacing */
  --mc-gap:           16px;
  --mc-radius:        0;                /* pixel art = no rounding */

  /* typography */
  --mc-font: "Monocraft", ui-monospace, "DejaVu Sans Mono", "Courier New", monospace;
  --mc-fs-base: 17px;
}

[data-theme="light"] {
  --mc-bg:            #c8c9cf;
  --mc-text:          #1c1e22;
  --mc-muted:         #4c4f55;
  --mc-heading:       #15171a;
  --mc-gold:          #8a6d12;
  --mc-header-bg:     rgba(228, 230, 235, 0.86);
  --mc-code-bg:       rgba(0, 0, 0, 0.10);
  --mc-wall:          url("../img/bg/calcite.png");
  --mc-veil:          radial-gradient(135% 95% at 50% -10%, rgba(247, 248, 251, 0.40), rgba(200, 206, 216, 0.74));
  --mc-link:          #2f7d18;
  --mc-link-hover:    #3c9c22;
  --mc-shadow:        1px 1px 0 rgba(0, 0, 0, 0.18);
}