/* SEMPITE brand tokens — canonical web/dark-surface palette.
 * Source of truth: KB/brand/brand_guidelines.md. Kept in sync with the live
 * site :root (css/style-v126.css). Import this instead of redefining tokens. */
:root {
  /* Surfaces */
  --bg:          #03040f;
  --bg-nav:      rgba(2, 3, 18, 0.94);
  --bg-card:     #0a0918;
  --bg-card-2:   #07061a;

  /* Borders */
  --border:      rgba(255, 255, 255, 0.12);
  --border-2:    rgba(255, 255, 255, 0.22);

  /* Text */
  --text:        #ffffff;
  --text-muted:  #aaaacc;
  --text-subtle: #55557a;

  /* Accent + signature gradient */
  --neon-cyan:   #00ffee;
  --rainbow:     linear-gradient(90deg, #ff007f 0%, #ff00cc 18%, #bb00ff 36%, #4400ff 52%, #0099ff 67%, #00ffee 100%);
  --rainbow-btn: linear-gradient(90deg, #ff007f, #ff00cc, #bb00ff, #4400ff, #0099ff, #00ffee);

  /* Radius */
  --r:    10px;
  --r-lg: 16px;

  /* Fonts */
  --font-head: 'Oswald', sans-serif;
  --font-body: Inter, "Segoe UI", system-ui, sans-serif;
}