/*
 * 01-tokens.css — Design Tokens
 * Paleta, tipografia, espaçamento, sombras.
 * Altere aqui para propagar em todo o projeto.
 */

@import url('https://fonts.googleapis.com/css2?family=Fraunces:ital,opsz,wght@0,9..144,300;0,9..144,400;0,9..144,600;0,9..144,700;1,9..144,300;1,9..144,400;1,9..144,600&family=DM+Sans:ital,opsz,wght@0,9..40,300;0,9..40,400;0,9..40,500;0,9..40,600;0,9..40,700;1,9..40,300;1,9..40,400&display=swap');

:root {
  /* Paleta */
  --sky:        #98C5FE;
  --sky-mid:    #5da0f5;
  --sky-deep:   #1757c2;
  --sky-10:     rgba(152,197,254,.10);
  --sky-20:     rgba(152,197,254,.22);

  --green:      #37B422;
  --green-dark: #248f13;
  --green-10:   rgba(55,180,34,.10);
  --green-20:   rgba(55,180,34,.22);

  --mist:       #D4E2EF;
  --mist-mid:   #b5c9dc;

  --ink:        #0c1929;
  --ink-60:     #456070;
  --ink-30:     #93aab8;
  --line:       #dfe9f2;
  --surface:    #f5f8fb;
  --white:      #ffffff;

  /* Tipografia */
  --font-display: 'Fraunces', Georgia, serif;
  --font-body:    'DM Sans', system-ui, sans-serif;

  /* Sombras */
  --sh-xs: 0 1px 3px rgba(12,25,41,.06);
  --sh-sm: 0 2px 10px rgba(12,25,41,.08), 0 1px 3px rgba(12,25,41,.04);
  --sh-md: 0 8px 28px rgba(12,25,41,.10), 0 2px 8px rgba(12,25,41,.05);
  --sh-lg: 0 20px 56px rgba(12,25,41,.12), 0 6px 18px rgba(12,25,41,.06);
  --sh-xl: 0 36px 88px rgba(12,25,41,.14), 0 10px 28px rgba(12,25,41,.07);

  /* Transições */
  --ease: cubic-bezier(.16,1,.3,1);
  --t-fast: 140ms;
  --t-mid:  260ms;
  --t-slow: 480ms;

  /* Raios */
  --r-sm:   8px;
  --r-md:   14px;
  --r-lg:   22px;
  --r-xl:   36px;
  --r-full: 9999px;
}