/* ============================================================
   NEXES — design tokens
   Palette sampled from logo.png: violet-tinted graphite,
   spun-metal highlights, lavender rim light. No pure black/white.
   ============================================================ */

:root {
  /* ---- palette (2026-07 round 3: deep near-black navy, serious/engineering
         read; surfaces still step up so cards layer; violet vivid only on
         small accents, steeled for large fills) ---- */
  --void:      #06080F;   /* page base — near-black navy */
  --carbon:    #0B0E1C;   /* alternating section base */
  --graphite:  #11152B;   /* card surface */
  --mesh:      #1B2140;   /* elevated surface / weave ink */
  --steel-0:   #363B52;   /* brushed metal dark end */
  --steel-1:   #C9CEDA;   /* brushed metal light end */
  --iris:      #473C79;   /* deep rim shadow — borders, dividers */
  --violet:    #7C6CFF;   /* primary accent — small accents, pipeline, links */
  --violet-steel: #6C6FA8;/* desaturated violet for LARGE fills/glows */
  --violet-text: #A99EFF; /* violet for small text — AA on deep grounds */
  --rim:       #B9AFFF;   /* rim-light lavender — edges, focus */
  --flare:     #E4DEFF;   /* hot highlight — CTA cores, speculars */
  --ink:       #090C1A;   /* dark type on metal surfaces */

  --text-hi:   #F0F0FA;
  --text-mid:  #BCBCD6;
  --text-low:  #9496B4;

  /* translucents */
  --iris-35:   rgba(71, 60, 121, .45);
  --iris-18:   rgba(71, 60, 121, .24);
  --rim-25:    rgba(185, 175, 255, .25);
  --violet-12: rgba(124, 108, 255, .12);
  --glass-nav:  rgba(6, 8, 15, .82);
  --glass-menu: rgba(6, 8, 15, .97);

  /* shadows — soft, never heavy */
  --shadow-cta: 0 0 0 1px rgba(185, 175, 255, .28), 0 6px 20px -10px rgba(124, 108, 255, .30);
  --shadow-cta-hover: 0 0 0 1px var(--rim), 0 8px 26px -10px rgba(124, 108, 255, .42);

  /* ---- type ---- */
  --font-display: "Technor", "Avenir Next Condensed", "Bahnschrift", system-ui, sans-serif;
  --font-body: "Switzer", "Segoe UI", system-ui, -apple-system, sans-serif;
  --font-mono: "JetBrains Mono", "Cascadia Code", ui-monospace, "Consolas", monospace;

  /* fluid scale */
  --fs-xs:   0.75rem;                              /* 12 — mono labels */
  --fs-sm:   0.875rem;                             /* 14 */
  --fs-base: 1rem;                                 /* 16 */
  --fs-md:   clamp(1.0625rem, 1rem + .3vw, 1.25rem);
  --fs-lg:   clamp(1.25rem, 1.1rem + .8vw, 1.75rem);
  --fs-xl:   clamp(1.75rem, 1.4rem + 1.8vw, 2.75rem);
  --fs-2xl:  clamp(2.5rem, 1.9rem + 3vw, 4.25rem);
  --fs-hero: clamp(2.75rem, 1.6rem + 6vw, 6.5rem);

  --lh-tight: 1.08;
  --lh-snug:  1.3;
  --lh-body:  1.65;

  --track-mono: .14em;

  /* ---- space & shape ---- */
  --space-1: .25rem;
  --space-2: .5rem;
  --space-3: 1rem;
  --space-4: 1.5rem;
  --space-5: 2.5rem;
  --space-6: 4rem;
  --space-7: clamp(4.5rem, 3rem + 6vw, 8.5rem);   /* section rhythm */

  --container: 72.5rem;
  --gutter: clamp(1.25rem, 4vw, 2.5rem);
  --nav-h: 4.25rem;   /* fixed nav height — anchors offset by this */

  /* ---- Y-lattice texture (seamless isometric cube-corner tile, 72 x 41.57) ---- */
  --y-size: 72px 41.57px;
  --y-lattice: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='72.00' height='41.57' viewBox='0 0 72.00 41.57'%3E%3Cpath d='M60.00 20.79L84.00 20.79M0.00 41.57L24.00 41.57M24.00 0.00L36.00 -20.79M12.00 -20.79L24.00 0.00M36.00 20.79L60.00 20.79M24.00 0.00L36.00 20.79M24.00 41.57L36.00 62.35M-12.00 20.79L0.00 0.00M60.00 -20.79L72.00 0.00M24.00 0.00L48.00 0.00M48.00 41.57L60.00 62.35M12.00 62.35L24.00 41.57M-12.00 -20.79L0.00 0.00M12.00 20.79L24.00 0.00M0.00 0.00L24.00 0.00M-12.00 20.79L0.00 41.57M72.00 0.00L96.00 0.00M24.00 41.57L36.00 20.79M48.00 0.00L60.00 -20.79M60.00 62.35L72.00 41.57M60.00 20.79L72.00 0.00M24.00 41.57L48.00 41.57M-12.00 20.79L12.00 20.79M48.00 0.00L60.00 20.79M12.00 20.79L24.00 41.57M60.00 20.79L72.00 41.57M48.00 41.57L60.00 20.79M-12.00 62.35L0.00 41.57M72.00 41.57L96.00 41.57' fill='none' stroke='%239a90d8' stroke-width='1' stroke-opacity='0.07'/%3E%3C/svg%3E");
  --y-lattice-strong: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='72.00' height='41.57' viewBox='0 0 72.00 41.57'%3E%3Cpath d='M60.00 20.79L84.00 20.79M0.00 41.57L24.00 41.57M24.00 0.00L36.00 -20.79M12.00 -20.79L24.00 0.00M36.00 20.79L60.00 20.79M24.00 0.00L36.00 20.79M24.00 41.57L36.00 62.35M-12.00 20.79L0.00 0.00M60.00 -20.79L72.00 0.00M24.00 0.00L48.00 0.00M48.00 41.57L60.00 62.35M12.00 62.35L24.00 41.57M-12.00 -20.79L0.00 0.00M12.00 20.79L24.00 0.00M0.00 0.00L24.00 0.00M-12.00 20.79L0.00 41.57M72.00 0.00L96.00 0.00M24.00 41.57L36.00 20.79M48.00 0.00L60.00 -20.79M60.00 62.35L72.00 41.57M60.00 20.79L72.00 0.00M24.00 41.57L48.00 41.57M-12.00 20.79L12.00 20.79M48.00 0.00L60.00 20.79M12.00 20.79L24.00 41.57M60.00 20.79L72.00 41.57M48.00 41.57L60.00 20.79M-12.00 62.35L0.00 41.57M72.00 41.57L96.00 41.57' fill='none' stroke='%23a89ee6' stroke-width='1' stroke-opacity='0.11'/%3E%3C/svg%3E");

  --chamfer: 14px;   /* machined corner cut */
  --chamfer-sm: 9px;

  /* ---- gradients ---- */
  --grad-steel: linear-gradient(170deg, var(--steel-1) 0%, #8E93A3 34%, var(--steel-0) 72%, #4A4F5E 100%);
  --grad-card-edge: linear-gradient(160deg, var(--rim-25), var(--iris-18) 45%, rgba(185,175,255,.08));

  /* spun-metal text fill (radial brush, like the logo face) */
  --grad-metal-text: conic-gradient(from 208deg at 50% 38%,
      #767B89 0%, #D3D7E2 11%, #3E4250 26%, var(--rim) 36%,
      #9BA0B0 50%, #313543 64%, #C9CEDA 80%, #767B89 100%);

  /* ---- motion ---- */
  --ease-out: cubic-bezier(.22, 1, .36, 1);
  --dur-fast: .22s;
  --dur-med: .5s;

  /* ---- z ---- */
  --z-nav: 100;
  --z-skip: 200;
}