/* src/main/resources/static/css/tokens.css */

@font-face { font-family: 'JetBrains Mono'; src: url('/fonts/JetBrainsMono-Light.woff2') format('woff2'); font-weight: 300; font-style: normal; font-display: swap; }
@font-face { font-family: 'JetBrains Mono'; src: url('/fonts/JetBrainsMono-Regular.woff2') format('woff2'); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: 'JetBrains Mono'; src: url('/fonts/JetBrainsMono-Medium.woff2') format('woff2'); font-weight: 500; font-style: normal; font-display: swap; }
@font-face { font-family: 'JetBrains Mono'; src: url('/fonts/JetBrainsMono-SemiBold.woff2') format('woff2'); font-weight: 600; font-style: normal; font-display: swap; }
@font-face { font-family: 'JetBrains Mono'; src: url('/fonts/JetBrainsMono-Bold.woff2') format('woff2'); font-weight: 700; font-style: normal; font-display: swap; }
@font-face { font-family: 'JetBrains Mono'; src: url('/fonts/JetBrainsMono-ExtraBold.woff2') format('woff2'); font-weight: 800; font-style: normal; font-display: swap; }

:root {
  --void:           #0a0d10;
  --hull:           #0d1216;
  --phosphor:       #5fffb0;
  --phosphor-dim:   rgba(95,255,176,0.55);
  --phosphor-faint: rgba(95,255,176,0.18);
  --phosphor-burn:  rgba(95,255,176,0.06);
  --read:           #c0d0c8;
  --read-dim:       rgba(192,208,200,0.5);
  --crit:           #ff3870;
  --goal:           #ffd860;

  --t-2:    #6890ff;
  --t-4:    #8a78ff;
  --t-8:    #4cd6c0;
  --t-16:   #5fffb0;
  --t-32:   #b0ff60;
  --t-64:   #f0e040;
  --t-128:  #ffb840;
  --t-256:  #ff8838;
  --t-512:  #ff5840;
  --t-1024: #ff3870;
  --t-2048: #ffd860;
  --t-4096: #fff0a0;
}

* { box-sizing: border-box; }
html, body {
  margin: 0; padding: 0;
  background: var(--void);
  color: var(--read);
  font-family: 'JetBrains Mono', monospace;
  font-variant-numeric: tabular-nums;
  height: 100%;
}
body { min-height: 100dvh; overscroll-behavior: none; }