/* Theme tokens. Single neutral default theme; #55C6C1 is substituted at build time
   from site.config.json.primary_accent. Components consume vars only. */

:root {
  --bg:       #070C10;
  --bg2:      #0D1419;
  --bg3:      #131C22;
  --footer:   #050709;

  --accent:        #55C6C1;
  --accent-hover:  #55C6C1;
  --heading:       #F8FAFC;
  --emphasis:      #55C6C1;

  /* Legacy aliases used by components/wiki CSS — keep wired to the same values. */
  --gold:     #55C6C1;
  --gold2:    #55C6C1;
  --gold3:    #55C6C1;
  --cream:    #F8FAFC;
  --body:     #F8FAFC;
  --muted:    #94A3B8;
  --border:   rgba(248,250,252,.08);
  --border2:  rgba(248,250,252,.16);

  --header-h:      64px;
  --max-w:         1280px;
  --base-fs:       16px;
  --line-h:        1.6;

  --font-serif:    'Syne', -apple-system, BlinkMacSystemFont, sans-serif;
  --font-sans:     'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
  --font-mono:     'Inter', -apple-system, BlinkMacSystemFont, sans-serif;

  --radius:        6px;
  --form-radius:   8px;

  --tint-bg:       color-mix(in srgb, #55C6C1 4%, transparent);
  --tint-bg-hover: color-mix(in srgb, #55C6C1 10%, transparent);
  --hairline:      color-mix(in srgb, #55C6C1 40%, transparent);
}

a:hover, button:hover {
  filter: brightness(1.15);
}