/* ==========================================================================
   AJ INFOTECH — DESIGN TOKENS
   Palette: near-black / off-white / silver, one restrained soft-blue accent.
   Type: Manrope (display) + Inter (body/utility).
   ========================================================================== */

:root{
  /* ---- Color ---- */
  --c-black:        #0a0a0c;
  --c-charcoal:      #1d1d1f;
  --c-white:         #ffffff;
  --c-fog:           #f5f5f7;   /* light gray section bg */
  --c-mist:          #e8e8ec;   /* hairlines on light bg */
  --c-silver:        #b8bcc2;   /* metallic accent */
  --c-graphite:      #86868b;   /* secondary text */
  --c-blue:          #4f7bab;   /* soft desaturated blue accent */
  --c-blue-bright:   #6f9bcf;   /* hover state of accent */
  --c-line-dark:     rgba(255,255,255,0.12);
  --c-line-light:    rgba(10,10,12,0.10);

  /* glass */
  --glass-bg-dark:   rgba(10,10,12,0.55);
  --glass-bg-light:  rgba(255,255,255,0.6);
  --glass-blur:      18px;

  /* ---- Type ---- */
  --f-display: 'Manrope', 'SF Pro Display', -apple-system, sans-serif;
  --f-body:    'Inter', -apple-system, BlinkMacSystemFont, sans-serif;

  --fs-hero:    clamp(3rem, 8vw, 7.5rem);
  --fs-h1:      clamp(2.25rem, 5vw, 4.25rem);
  --fs-h2:      clamp(1.75rem, 3.2vw, 3rem);
  --fs-h3:      clamp(1.25rem, 2vw, 1.75rem);
  --fs-lead:    clamp(1.05rem, 1.4vw, 1.35rem);
  --fs-body:    1rem;
  --fs-small:   0.875rem;
  --fs-eyebrow: 0.75rem;

  --lh-tight: 1.05;
  --lh-snug:  1.25;
  --lh-body:  1.6;

  --ls-tight: -0.03em;
  --ls-wide:  0.14em;

  /* ---- Spacing (8pt-ish scale) ---- */
  --sp-1: 0.5rem;
  --sp-2: 1rem;
  --sp-3: 1.5rem;
  --sp-4: 2rem;
  --sp-5: 3rem;
  --sp-6: 4.5rem;
  --sp-7: 6.5rem;
  --sp-8: 9rem;

  --container-max: 1320px;
  --container-pad: clamp(1.25rem, 4vw, 4rem);

  /* ---- Radius ---- */
  --r-sm: 8px;
  --r-md: 16px;
  --r-lg: 28px;
  --r-pill: 999px;

  /* ---- Motion ---- */
  --ease-out: cubic-bezier(.16,1,.3,1);
  --ease-inout: cubic-bezier(.65,0,.35,1);
  --dur-fast: 240ms;
  --dur-mid: 560ms;
  --dur-slow: 1000ms;

  /* ---- Elevation ---- */
  --shadow-sm: 0 2px 10px rgba(10,10,12,0.06);
  --shadow-md: 0 12px 40px rgba(10,10,12,0.10);
  --shadow-lg: 0 24px 80px rgba(10,10,12,0.16);

  --z-nav: 100;
  --z-lightbox: 200;
  --z-toast: 300;
}