/* ---------------------------------------------------------------------------
   Reley Fast Software Ltd — design tokens
   Source of truth for the palette. Mirrors the role that brand-tokens.css
   plays on the RFPG site, deliberately, so the two sites are one system.

   PALETTE PROVENANCE: matches the RFPG palette:
     bg #120A1F  bg2 #1A0F2E  card #1C1130  card2 #2A1A45  line #3A2560
     purple #9333EA  purple2 #C05AF5  ink #F0EBFA  sub #C9BFE0  dim #877A9F
     good #4ADE80  warn #FBBF24  bad #F87171          (+ silver #DFE3EC, neon #38BDF8)
   Every hue below is one of those, or a darker step of the same hue ramp.

   HOW RFS DIFFERS FROM RFPG, ON PURPOSE
   RFPG is the product: purple-washed, glowing, warm. RFS is the engineering
   company behind it: the same purple, used as a *signal* rather than a wash,
   over a near-black ground with more air, harder rules and bigger type.
   Same family. Quieter, older sibling.

   TYPEFACES: matched to rfpg.ai. Display: Baloo 2. Body/UI: Nunito.

   CONTRAST — every pair below measured against --void (#07040D):
     ink   #F0EBFA  ~17.5:1     sub  #C9BFE0  11.6:1
     dim   #877A9F   5.15:1     violet #C05AF5 5.83:1     silver #DFE3EC 15:1
     purple #9333EA  3.78:1  ← FILL AND BORDER ONLY. Never body text.
     #fff on the purple gradient: 5.4:1
   --------------------------------------------------------------------------- */

:root {
  /* --- ground: near-black with a purple bias, so the black-ground brand
         assets can be screen-blended onto it and simply vanish --- */
  --void:        #07040D;
  --bg:          #0B0616;
  --bg-2:        #120A1F;   /* RFPG's canonical ground, used here as a lift */
  --surface:     #150C24;
  --card:        #1C1130;
  --card-2:      #2A1A45;

  /* --- rules. Hairlines do the structural work on this site. --- */
  --line:        #241738;
  --line-2:      #3A2560;
  --hair:        rgba(192, 90, 245, .13);

  /* --- ink --- */
  --ink:         #F0EBFA;
  --sub:         #C9BFE0;
  --dim:         #877A9F;

  /* --- signal --- */
  --purple:      #9333EA;
  --violet:      #C05AF5;
  --silver:      #DFE3EC;
  --neon:        #38BDF8;
  --good:        #4ADE80;
  --warn:        #FBBF24;
  --bad:         #F87171;

  --grad:        linear-gradient(135deg, var(--purple), var(--violet));
  --grad-soft:   linear-gradient(135deg, rgba(147,51,234,.16), rgba(192,90,245,.06));
  --glow:        0 10px 34px rgba(147, 51, 234, .30);
  --glow-strong: 0 14px 44px rgba(147, 51, 234, .46);
  --lift:        0 24px 70px rgba(0, 0, 0, .55);
  --inner-top:   inset 0 1px 0 rgba(255, 255, 255, .05);

  /* --- type --- */
  --font-display: 'Baloo 2', 'Segoe UI', system-ui, sans-serif;
  --font-body:    'Nunito', -apple-system, BlinkMacSystemFont, 'Segoe UI', system-ui, sans-serif;

  /* --- geometry --- */
  --r-sm: 8px;
  --r-md: 12px;
  --r-lg: 18px;
  --r-xl: 26px;

  --shell:  1160px;
  --narrow: 780px;
  --gutter: clamp(20px, 5vw, 40px);
  --bay:    clamp(60px, 7vw, 104px);    /* vertical rhythm between sections */

  --ease: cubic-bezier(.22, .7, .3, 1);

  /* The site is dark only. There is no approved light variant of any RFS or
     RFPG asset, and the RFS mark is an emissive lockup on a black ground that
     cannot be placed on white without editing the approved file — which is
     forbidden. */
  color-scheme: dark;
}