@charset "utf-8";

:root {
  
  --bg-base:        #020207;  
  --bg-sub:         #070A12;  
  --bg-card:        #0C1019;  
  --bg-elev:        #111725;  
  --bg-inset:       #06090F;  

  --border:         #20283A;
  --border-soft:    #161C2A;
  --border-strong:  #2C374E;

  
  --text:           #F3F6FA;  
  --text-2:         #9AA7BA;  
  --text-3:         #78869C;  

  
  --accent:         #3D7BFF;  
  --accent-text:    #6BA0FF;  
  --accent-deep:    #1F5FE0;  
  --accent-mid:     #2E6BF0;
  --cyan:           #22D3EE;
  --cyan-deep:      #0E90A8;

  
  --ok:             #34D399;
  --warn:           #F5B44A;
  --danger:         #F87171;
  --idle:           #64748B;

  
  --wash-accent:    rgba(61,123,255,.10);
  --wash-accent-hi: rgba(61,123,255,.18);
  --wash-ok:        rgba(52,211,153,.12);
  --wash-warn:      rgba(245,180,74,.12);
  --wash-line:      rgba(255,255,255,.06);

  
  --glow-soft:      0 24px 70px -30px rgba(0,0,0,.9);
  
  --glow-edge:      0 -1px 0 rgba(255,255,255,.06) inset,
                    0 -30px 80px -40px rgba(61,123,255,.6);
  --shadow-card:    0 1px 0 rgba(255,255,255,.03) inset, 0 18px 40px -28px rgba(0,0,0,.9);
  --shadow-lift:    0 1px 0 rgba(255,255,255,.05) inset, 0 26px 60px -30px rgba(0,0,0,1);

  
  --s1: .25rem;  --s2: .375rem; --s3: .5rem;  --s4: .75rem;
  --s5: 1rem;    --s6: 1.5rem;  --s7: 2rem;   --s8: 3rem;
  --s9: 4rem;    --s10: 6rem;   --s11: 8rem;  

  --band-y: clamp(4rem, 8vw, 7.5rem);
  --page:   1280px;
  --measure: 66ch;

  
  --r-xs: 6px; --r-sm: 9px; --r-md: 13px; --r-lg: 18px; --r-xl: 26px;

  
  --sans: "Inter", "Inter var", ui-sans-serif, system-ui, -apple-system,
          "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --mono: ui-monospace, "SFMono-Regular", "SF Mono", "JetBrains Mono",
          Menlo, Consolas, monospace;

  --t--2: clamp(.8125rem, .76rem + .28vw, .9375rem);
  --t-label: clamp(.9375rem, .85rem + .45vw, 1.125rem);   
  --t--1: clamp(.875rem, .82rem + .3vw, 1rem);  
  --t-0:  clamp(.9375rem, .91rem + .16vw, 1.0625rem);
  --t-1:  clamp(1.0625rem, 1rem + .35vw, 1.25rem);   
  --t-2:  clamp(1.375rem, 1.2rem + .8vw, 1.875rem);  
  --t-3:  clamp(1.875rem, 1.5rem + 1.7vw, 3rem);     
  --t-4:  clamp(2.5rem, 1.8rem + 3.4vw, 4.5rem);     

  
  --ease:      cubic-bezier(.2, .7, .3, 1);
  --ease-out:  cubic-bezier(0, .6, .3, 1);
  --dur-1: .14s;  --dur-2: .24s;  --dur-3: .45s;  --dur-4: .8s;

  --z-nav: 60; --z-menu: 70; --z-skip: 90;
}