/* ============================================================
   PHRASELY — Color & Type Foundations
   ============================================================ */
@font-face { font-family: 'Fredoka'; font-weight: 300; font-style: normal; font-display: swap; src: url('../fonts/Fredoka-Light.ttf') format('truetype'); }
@font-face { font-family: 'Fredoka'; font-weight: 400; font-style: normal; font-display: swap; src: url('../fonts/Fredoka-Regular.ttf') format('truetype'); }
@font-face { font-family: 'Fredoka'; font-weight: 500; font-style: normal; font-display: swap; src: url('../fonts/Fredoka-Medium.ttf') format('truetype'); }
@font-face { font-family: 'Fredoka'; font-weight: 600; font-style: normal; font-display: swap; src: url('../fonts/Fredoka-SemiBold.ttf') format('truetype'); }
@font-face { font-family: 'Fredoka One'; font-weight: 400; font-style: normal; font-display: swap; src: url('../fonts/FredokaOne-Regular.ttf') format('truetype'); }
@font-face { font-family: 'Nunito'; font-weight: 400; font-style: normal; font-display: swap; src: url('../fonts/Nunito-Regular.ttf') format('truetype'); }
@font-face { font-family: 'Nunito'; font-weight: 500; font-style: normal; font-display: swap; src: url('../fonts/Nunito-Medium.ttf') format('truetype'); }
@font-face { font-family: 'Nunito'; font-weight: 600; font-style: normal; font-display: swap; src: url('../fonts/Nunito-SemiBold.ttf') format('truetype'); }
@font-face { font-family: 'Nunito'; font-weight: 700; font-style: normal; font-display: swap; src: url('../fonts/Nunito-Bold.ttf') format('truetype'); }
@font-face { font-family: 'Nunito'; font-weight: 800; font-style: normal; font-display: swap; src: url('../fonts/Nunito-Bold.ttf') format('truetype'); }
@font-face { font-family: 'Urbanist'; font-weight: 700; font-style: normal; font-display: swap; src: url('../fonts/Urbanist-Bold.ttf') format('truetype'); }

:root {
  --purple:        #6B69F1;
  --purple-deep:   #6949FF;
  --purple-light:  #876DFF;
  --purple-press:  #543ACC;
  --lime:          #D5E123;
  --pink:          #F375FD;
  --orange:        #F0552C;
  --peach:         #EFC8BD;

  --ink:           #212121;
  --ink-2:         #424242;
  --ink-3:         #616161;
  --ink-4:         #A0A0A0;
  --line:          #EEEEEE;
  --line-2:        #E9E8FE;

  --bg:            #F4F3FF;
  --surface:       #FFFFFF;
  --surface-lav:   #F4F3FF;
  --surface-soft:  rgba(213,209,255,0.30);
  --surface-dark:  #212121;
  --surface-dark-2:#2F2E41;

  --success:       #D5E123;
  --premium:       #6B69F1;
  --star:          #FFCD39;

  --font-display:  'Fredoka', system-ui, sans-serif;
  --font-chunky:   'Fredoka One', 'Fredoka', sans-serif;
  --font-alt:      'Urbanist', 'Fredoka', sans-serif;
  --font-body:     'Nunito', system-ui, sans-serif;

  --r-pill:   100px;
  --r-card:   23px;
  --r-md:     20px;
  --r-sm:     16px;
  --r-chip:   24px;

  --shadow-card: 0 8px 24px rgba(107,105,241,0.08);
  --shadow-pop:  0 12px 32px rgba(107,105,241,0.18);
  --shadow-btn:  0 4px 0 var(--purple-press);
}