/* ─── DESIGN TOKENS ─────────────────────────────────────────── */
:root {
    /* Navy-steel palette — professional instruments feel */
    --bg:        #0c1220;   /* deep navy-charcoal */
    --bg2:       #101829;   /* slightly lighter */
    --bg3:       #151f30;   /* card surface bg */
    --surface:   #1c2840;   /* panel / card */
    --surface2:  #223050;   /* hover surface */
    --border:    rgba(100,140,200,0.12);
    --border2:   rgba(100,140,200,0.22);

    /* Accent — teal kept, blue secondary */
    --accent:    #00ddb4;
    --accent-dk: #00b893;
    --blue:      #3b82f6;
    --blue-lt:   #60a5fa;

    /* Category colours */
    --ir:   #f97316;
    --uv:   #a78bfa;
    --el:   #34d399;
    --ps:   #38bdf8;

    /* Text */
    --text:       #dde4f0;
    --text-muted: #7a8aaa;
    --text-dim:   #3d4f6a;

    /* Nav height */
    --nav-h: 68px;
}

*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{
  background:var(--bg);
  color:var(--text);
  font-family:'DM Sans',sans-serif;
  font-size:16px;
  line-height:1.6;
  overflow-x:hidden;
}

/* subtle noise */
body::before{
  content:'';position:fixed;inset:0;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.82' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='200' height='200' filter='url(%23n)' opacity='0.035'/%3E%3C/svg%3E");
  pointer-events:none;z-index:9999;opacity:.5;
}