/* ============================================================
   AssetCore — Design Tokens
   ============================================================ */
:root {
  --primary:        #0066FF;
  --primary-dark:   #0A2540;
  --primary-light:  #4D9EFF;
  --cta:            #16C784;
  --cta-dark:       #0EA86D;
  --white:          #FFFFFF;
  --bg-light:       #EEF3F8;
  --bg-section:     #F7FAFD;
  --text-dark:      #0A2540;
  --text-body:      #3D4F66;
  --text-muted:     #7A8FA8;

  --grad-hero:  linear-gradient(135deg, #050e1a 0%, #0A2540 55%, #0d3060 100%);
  --grad-blue:  linear-gradient(135deg, #0066FF 0%, #4D9EFF 100%);
  --grad-cta:   linear-gradient(135deg, #16C784 0%, #0EA86D 100%);
  --grad-card:  linear-gradient(145deg, rgba(255,255,255,0.07) 0%, rgba(255,255,255,0.01) 100%);

  --shadow-sm:   0 4px 16px rgba(10,37,64,.08);
  --shadow-md:   0 8px 32px rgba(10,37,64,.12);
  --shadow-lg:   0 16px 48px rgba(10,37,64,.16);
  --shadow-blue: 0 8px 32px rgba(0,102,255,.25);
  --shadow-cta:  0 8px 32px rgba(22,199,132,.30);

  --r-sm:   10px;
  --r-md:   16px;
  --r-lg:   24px;
  --r-xl:   32px;
  --r-full: 9999px;

  --font-head: 'Manrope', sans-serif;
  --font-body: 'Inter', sans-serif;

  --trans-fast:   .15s ease;
  --trans-base:   .25s ease;
  --trans-slow:   .45s ease;
  --trans-spring: .5s cubic-bezier(.34,1.56,.64,1);

  --navbar-h: 72px;
  --container-max: 1280px;

  --glass-bg:     rgba(255,255,255,.06);
  --glass-border: rgba(255,255,255,.12);
}