/* ============================================================
   FUSION AI — SHARED DESIGN TOKENS
   The structural foundation every Atlas property inherits.
   Register: nuclear-fusion + advanced sci-fi — contained power,
   bleeding edge. Dark by default. NOT industrial.

   New site = import this + override the --accent* block only.
   Seed accent below = Fusion Edge (green).
   ============================================================ */

/* ─── Fonts ─────────────────────────────────────────────────────────────
   The variables below ask for Inter and JetBrains Mono. From August to
   2026-09-10 nothing in _brand/ declared them, so a site on the gen-1 kit
   rendered in Segoe UI for anyone without Inter installed, and looked fine on
   every machine that had it. The url() paths are relative to THIS stylesheet,
   so they resolve to /_brand/fonts/* wherever the kit is mounted, at whatever
   depth the site folder sits, served or opened straight off disk.            */
@font-face{font-family:'Inter';font-style:normal;font-weight:400;font-display:swap;
  src:url(fonts/Inter-400.woff2) format('woff2')}
@font-face{font-family:'Inter';font-style:normal;font-weight:600;font-display:swap;
  src:url(fonts/Inter-600.woff2) format('woff2')}
@font-face{font-family:'JetBrains Mono';font-style:normal;font-weight:500;font-display:swap;
  src:url(fonts/JetBrainsMono-500.woff2) format('woff2')}
@font-face{font-family:'JetBrains Mono';font-style:normal;font-weight:600;font-display:swap;
  src:url(fonts/JetBrainsMono-600.woff2) format('woff2')}

:root {
  /* — Surfaces (deep-space dark) — */
  --bg:        #0a0e14;
  --bg-2:      #0d1320;
  --surface:   #11161f;
  --surface-2: #161c27;
  --inset:     #070a0f;
  --line:      #232b38;
  --line-soft: #1a212c;

  /* — Ink — */
  --ink:    #e8eef6;
  --muted:  #93a1b3;
  --faint:  #5b6675;

  /* — Brand accent (SWAP PER BRAND) — */
  --accent:     #46d089;  /* Fusion Edge green */
  --accent-dim: #2f8f63;
  --on-accent:  #04130b;

  /* — Universe signal palette (shared) — */
  --blue:   #4d9fff;  /* data / info     */
  --purple: #b08cff;  /* AI / agents     */
  --amber:  #e0a93b;  /* attention/proxy */
  --red:    #f0564a;  /* risk / stop     */
  --up:     #3fb673;  /* market up       */
  --down:   #e0574b;  /* market down     */

  /* — Type — */
  --font-sans: 'Inter','Segoe UI',system-ui,sans-serif;
  --font-mono: 'JetBrains Mono','SF Mono',ui-monospace,monospace;

  /* — Radius — */
  --r-sm: 8px;
  --r-md: 12px;
  --r-lg: 16px;

  /* — Layout rhythm — */
  --section-y: 84px;
  --maxw:      1040px;
}

/* ============================================================
   GENERATION 2 — THE FRONTIER LAYER
   Everything above is the 2026-08 kit, consumed by site.css and
   still rendering Fusion Legions and Fusion Dynamics. Nothing in
   it moves: those two sites must render byte-identically.

   Everything below is additive, and is what frontier.css builds
   on. It was promoted out of Personal/himanshu, which had by far
   the best-developed system in the estate and kept it to itself.

   One deliberate rename on the way up: the gen-2 card surface is
   --plate, not --surface, because --surface above is a different
   colour and legacy sites still read it.
   ============================================================ */

:root {
  /* — Ground. Blue-biased, and it never meets the ink halfway. — */
  --void:       #05070A;   /* the page itself                      */
  --vessel:     #090C12;   /* a band that steps off the page       */
  --plate:      #0D1118;   /* the one real raised surface          */
  --plate-hi:   #121722;   /* inset code, a chip well              */

  /* — Ink. Warm, against a cold ground. The two never cross. — */
  --ink-2: #B9BFC9;        /* lede                                 */
  --ink-3: #8A93A1;        /* body at rest                         */
  --ink-4: #767F8C;        /* mono labels, captions                */
  --ink-5: #616A78;        /* the quietest thing still readable    */

  /* — Edges. Three weights, and that is the whole vocabulary. — */
  --edge:    #1A2029;      /* a hairline you read as structure     */
  --edge-hi: #27303D;      /* a hairline you read as a boundary    */
  --edge-ui: #586576;      /* a hairline you read as interactive   */

  /* — Flux: the rationed accent. ONE hue, four steps, no more.
       This is the house violet and it is the same on every gen-2
       property — Fusion AI and the founder's site included. They
       differ by structure, not by hue: the brand site's signature
       device is a horizontal frontier, the personal site's is a
       vertical rail. Same hand, different instrument. — */
  --flux-100: #EFEBFF;
  --flux-300: #BDB2FF;
  --flux:     #8B7BFF;
  --flux-700: #4A3FA8;
  --flux-h:   249;         /* the hue, for hsl() alpha work        */

  /* — Beyond: the far side of the frontier. Used ONLY where the
       design means "past the known edge" — never as a second
       accent, or the rationing stops meaning anything. — */
  --beyond: #7FE3E0;

  --shadow-key:  hsl(232 55% 3% / .82);
  --shadow-fill: hsl(232 45% 4% / .55);

  /* — Type. Short aliases; the gen-1 names still work. — */
  --sans: 'Inter', ui-sans-serif, system-ui, -apple-system, sans-serif;
  --mono: 'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, monospace;

  /* Fluid, so nothing needs a breakpoint to stay in proportion. */
  --fs-d1:    clamp(2.75rem, 1.65rem + 4.63vw, 5.125rem);
  --fs-d2:    clamp(1.875rem, 1.30rem + 2.44vw, 3.125rem);
  --fs-title: clamp(1.25rem, 1.08rem + .73vw, 1.625rem);
  --fs-lede:  clamp(1.1875rem, 1.07rem + .49vw, 1.4375rem);
  --fs-body:  1.125rem;
  --fs-base:  1.0625rem;
  --fs-sm:    .9375rem;
  --fs-xs:    .8125rem;
  --fs-mono:  .75rem;
  --fs-micro: .6875rem;

  /* — Measure. Prose is capped in characters, never in pixels. — */
  --measure:      62ch;
  --measure-lede: 46ch;

  /* — Shell geometry. --rail-x is the one number that positions the
       rail, the section markers and the text column together: move
       it and all three stay registered. — */
  --page-max: 1180px;
  --gutter:   clamp(20px, 3.2vw, 40px);
  --rail-x:   clamp(22px, 5.4vw, 80px);

  /* Tight radii. Gen-1's 8/12/16 reads as software; this reads as
     an instrument. */
  --r-1: 4px;
  --r-2: 6px;
  --r-3: 10px;
}