/* ============================================================
   BINOMIAL - Global Design Tokens
   ============================================================ */

:root {

  /* Colors */

  /* Brand */
  --color-accent:          #7BFF5A;   /* neon lime green - CTA buttons */
  --color-accent-hover:    #63e645;   /* slightly darker on hover */

  /* Backgrounds */
  --color-bg-page:         #05051e;   /* deepest navy - page base */
  --color-bg-gradient-start: #06063a; /* hero gradient top/left */
  --color-bg-gradient-mid:   #130f6b; /* hero gradient centre */
  --color-bg-gradient-end:   #2a1fa8; /* hero gradient right */

  /* Surfaces */
  --color-surface-nav:     rgba(5, 5, 30, 0.72); /* navbar with blur */
  --color-surface-dropdown:#0e0e3a;   /* dropdown panel */
  --color-surface-dropdown-hover: #1b1b6e; /* dropdown item hover */
  --color-surface-active:  #2c2cff;   /* active / selected item */

  /* Text */
  --color-text-primary:    #ffffff;
  --color-text-secondary:  rgba(255, 255, 255, 0.65);
  --color-text-muted:      rgba(255, 255, 255, 0.35);
  --color-text-on-accent:  #05051e;   /* dark text on lime button */

  /* Borders */
  --color-border-subtle:   rgba(255, 255, 255, 0.12);
  --color-border-strong:   rgba(255, 255, 255, 0.55); /* "Contact Us" outline */

  /* Watermark */
  --color-watermark:       rgba(255, 255, 255, 0.07);

  /* Typography */
  --font-sans:   'Inter', 'Helvetica Neue', Arial, sans-serif;

  --text-xs:     0.75rem;    /*  12px */
  --text-sm:     0.875rem;   /*  14px */
  --text-base:   1rem;       /*  16px */
  --text-lg:     1.125rem;   /*  18px */
  --text-xl:     1.25rem;    /*  20px */
  --text-2xl:    1.5rem;     /*  24px */
  --text-3xl:    2rem;       /*  32px */
  --text-4xl:    2.75rem;    /*  44px */
  --text-5xl:    3.75rem;    /*  60px */
  --text-hero:   clamp(2.6rem, 5vw, 4.2rem);

  --weight-regular: 400;
  --weight-medium:  500;
  --weight-semibold:600;
  --weight-bold:    700;
  --weight-black:   900;

  --leading-tight:  1.1;
  --leading-snug:   1.3;
  --leading-normal: 1.6;

  --tracking-tight:    -0.03em;
  --tracking-normal:    0em;
  --tracking-wide:      0.08em;
  --tracking-widest:    0.18em;

  /* Spacing */
  --space-1:   0.25rem;
  --space-2:   0.5rem;
  --space-3:   0.75rem;
  --space-4:   1rem;
  --space-5:   1.25rem;
  --space-6:   1.5rem;
  --space-8:   2rem;
  --space-10:  2.5rem;
  --space-12:  3rem;
  --space-16:  4rem;
  --space-20:  5rem;
  --space-24:  6rem;

  /* Layout */
  --container-max: 1280px;
  --container-pad: clamp(1.25rem, 5vw, 5rem);

  --nav-height:    72px;

  /* Radii */
  --radius-sm:   4px;
  --radius-md:   8px;
  --radius-lg:   12px;
  --radius-pill: 999px;

  /* Shadows */
  --shadow-dropdown: 0 16px 48px rgba(0, 0, 60, 0.55);
  --shadow-btn:      0 0 24px rgba(123, 255, 90, 0.35);

  /* Transitions */
  --ease-out:  cubic-bezier(0.22, 1, 0.36, 1);
  --duration-fast:   150ms;
  --duration-base:   250ms;
  --duration-slow:   400ms;

}