/* ─── FONTS ─── */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=Playfair+Display:ital,wght@0,600;0,700;0,800;0,900;1,600;1,700;1,800&family=JetBrains+Mono:wght@400;500&display=swap');

/* ─── DESIGN TOKENS ─── */
:root {
  /* Brand */
  --teal:      #0D9E75;
  --teal-dk:   #0A8562;
  --teal-xd:   #076B50;
  --teal-lt:   #E8F7F2;
  --teal-md:   rgba(13,158,117,.15);

  --gold:      #C8963E;
  --gold-lt:   #FEF4E4;

  /* Ink scale */
  --ink:       #0B0F1A;
  --ink-2:     #1A2035;
  --ink-3:     #2C3550;
  --body:      #3D4966;
  --muted:     #6B7A9A;
  --subtle:    #9AA3BC;
  --dim:       #C4CADB;

  /* Surface */
  --white:     #FFFFFF;
  --bg:        #F5F6FA;
  --bg-2:      #ECEEF5;
  --bg-3:      #E2E5F0;
  --border:    #E0E4EF;
  --border-2:  #D0D5E8;

  /* Shadows */
  --sh-1: 0 1px 3px rgba(11,15,26,.06), 0 1px 2px rgba(11,15,26,.04);
  --sh-2: 0 4px 16px rgba(11,15,26,.08), 0 1px 4px rgba(11,15,26,.04);
  --sh-3: 0 12px 40px rgba(11,15,26,.12), 0 4px 12px rgba(11,15,26,.06);
  --sh-teal: 0 8px 32px rgba(13,158,117,.24);

  /* Radius */
  --r-sm:   8px;
  --r-md:   12px;
  --r-lg:   16px;
  --r-xl:   20px;
  --r-2xl:  28px;
  --r-pill: 100px;

  /* Transition */
  --t:      all .22s cubic-bezier(.4,0,.2,1);
  --t-slow: all .4s cubic-bezier(.4,0,.2,1);
}