/* ============================================================
   Nii Technologies Limited — Design Tokens
   niipayments.com
   ============================================================ */

:root {
  /* ---- Surfaces ---- */
  /* Base background is #263e63 per brand spec */
  --bg-void:      #263e63;
  --bg-deep:      #2a4268;
  --bg-base:      #2f476e;
  --bg-lift:      #344d75;
  --bg-card:      #3a547d;
  --bg-card-2:    #405a84;
  --bg-border:    #4e6a94;
  --bg-border-sub:#3d5880;

  /* ---- Text ---- */
  --text-primary: #edeef0;
  --text-secondary:#9a9bA6;
  --text-muted:   #5c5d68;
  --text-inverse: #263e63;

  /* ---- Gold system ---- */
  --gold:         #c8a84b;
  --gold-light:   #d4b86a;
  --gold-dim:     #9e7f30;
  --gold-ghost:   rgba(200,168,75,0.08);
  --gold-glow:    rgba(200,168,75,0.18);
  --gold-line:    rgba(200,168,75,0.25);

  /* ---- Semantic ---- */
  --success: #4a9c6d;
  --error:   #b04040;

  /* ---- Type ---- */
  --font-display: 'Cormorant', Georgia, serif;
  --font-body:    'Switzer', 'Helvetica Neue', Arial, sans-serif;

  /* ---- Type scale (fluid) ---- */
  --t-xs:   clamp(0.75rem,  0.7rem  + 0.25vw, 0.8125rem);
  --t-sm:   clamp(0.875rem, 0.82rem + 0.28vw, 0.9375rem);
  --t-base: clamp(1rem,     0.95rem + 0.25vw, 1.0625rem);
  --t-md:   clamp(1.125rem, 1rem    + 0.6vw,  1.375rem);
  --t-lg:   clamp(1.375rem, 1.1rem  + 1.4vw,  2rem);
  --t-xl:   clamp(1.875rem, 1.2rem  + 3.4vw,  3.75rem);
  --t-2xl:  clamp(2.5rem,   1.2rem  + 6.5vw,  6rem);
  --t-3xl:  clamp(3rem,     1rem    + 10vw,    8.5rem);

  /* ---- Spacing ---- */
  --s1:  0.25rem;
  --s2:  0.5rem;
  --s3:  0.75rem;
  --s4:  1rem;
  --s5:  1.25rem;
  --s6:  1.5rem;
  --s8:  2rem;
  --s10: 2.5rem;
  --s12: 3rem;
  --s16: 4rem;
  --s20: 5rem;
  --s24: 6rem;
  --s32: 8rem;

  /* ---- Layout ---- */
  --w-narrow:  640px;
  --w-mid:     900px;
  --w-default: 1160px;
  --w-wide:    1380px;

  /* ---- Radii ---- */
  --r-sm: 3px;
  --r-md: 6px;
  --r-lg: 10px;
  --r-xl: 16px;

  /* ---- Motion ---- */
  --ease-out:  cubic-bezier(0.16, 1, 0.3, 1);
  --ease-in:   cubic-bezier(0.4, 0, 1, 1);
  --dur-fast:  160ms;
  --dur-mid:   280ms;
  --dur-slow:  480ms;

  /* ---- Shadows ---- */
  --shadow-sm:   0 1px 4px rgba(0,0,0,0.5);
  --shadow-md:   0 4px 20px rgba(0,0,0,0.6);
  --shadow-lg:   0 16px 48px rgba(0,0,0,0.7);
  --shadow-gold: 0 0 32px rgba(200,168,75,0.12);

  /* ---- Nav ---- */
  --ticker-h: 32px;
  --nav-h: 76px;
  --header-total: 108px; /* ticker + nav */
}