/* Finovas Global — design tokens
   Navy-anchored brand with a vibrant, Hnry-style accent family. */
:root {
  /* ── Brand core ── */
  --navy:        #1B2D5A;
  --navy-deep:   #101B38;
  --navy-soft:   #2A3F73;
  --navy-700:    #34508F;

  /* ── Primary accent ── */
  --sky:         #5A84FF;
  --sky-strong:  #3F66E8;
  --sky-tint:    #E9EFFF;

  /* ── Vibrant accent family (decoration + icon tiles) ── */
  --mint:    #12C7A3;   --mint-tint:   #DCF7F1;
  --coral:   #FF7A5C;   --coral-tint:  #FFE9E2;
  --amber:   #FFB02E;   --amber-tint:  #FFF0D4;
  --violet:  #8A78F0;   --violet-tint: #ECE8FF;
  --pink:    #FF6FA6;   --pink-tint:   #FFE5EF;

  /* ── Neutrals ── */
  --silver:  #D9D9D9;
  --mist:    #F3F6FC;
  --line:    #E5E9F2;
  --ink:     #1C2746;
  --muted:   #5E6A8A;
  --white:   #FFFFFF;
  --star:    #FFB02E;
  --success: #14B387;
  --danger:  #E2483D;

  --on-navy:        rgba(255, 255, 255, 0.94);
  --on-navy-muted:  rgba(255, 255, 255, 0.68);

  /* ── Typography ── */
  --font:    'Prompt', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
  --font-zh: 'Prompt', 'Noto Sans SC', system-ui, -apple-system, sans-serif;

  /* ── Radius ── */
  --r-xs:   8px;
  --r-sm:   12px;
  --r-md:   18px;
  --r-lg:   26px;
  --r-xl:   34px;
  --r-pill: 999px;

  /* ── Elevation ── */
  --shadow-xs:   0 2px 6px rgba(27, 45, 90, 0.07);
  --shadow-sm:   0 8px 24px rgba(27, 45, 90, 0.09);
  --shadow-md:   0 22px 48px rgba(27, 45, 90, 0.13);
  --shadow-lg:   0 38px 84px rgba(27, 45, 90, 0.20);
  --shadow-navy: 0 30px 70px rgba(16, 27, 56, 0.46);
  --shadow-sky:  0 14px 32px rgba(90, 132, 255, 0.42);

  /* ── Layout ── */
  --container: 1208px;
  --container-narrow: 820px;
  --gutter: clamp(20px, 5vw, 44px);
  --section-y: clamp(66px, 8.5vw, 126px);
  --header-h: 76px;

  /* ── Motion ── */
  --ease: cubic-bezier(0.16, 0.84, 0.44, 1);
  --ease-out: cubic-bezier(0.22, 1, 0.36, 1);
  --t-fast: 0.16s;
  --t-base: 0.28s;
  --t-slow: 0.5s;
}