/* Jesus para Crianças — shared brand tokens (brand.md v2 + site/DESIGN.md, H14).
   Owner: adult agent. Kids agent imports this file; do not add colors here
   that are not in brand.md. Fonts are self-hosted (H10). */

@font-face { font-family: "Fredoka"; font-style: normal; font-weight: 600; font-display: swap;
  src: url("/assets/fonts/fredoka-latin-600-normal.woff2") format("woff2"); }
@font-face { font-family: "Fredoka"; font-style: normal; font-weight: 700; font-display: swap;
  src: url("/assets/fonts/fredoka-latin-700-normal.woff2") format("woff2"); }
@font-face { font-family: "Nunito"; font-style: normal; font-weight: 400; font-display: swap;
  src: url("/assets/fonts/nunito-latin-400-normal.woff2") format("woff2"); }
@font-face { font-family: "Nunito"; font-style: normal; font-weight: 700; font-display: swap;
  src: url("/assets/fonts/nunito-latin-700-normal.woff2") format("woff2"); }
@font-face { font-family: "Nunito"; font-style: normal; font-weight: 800; font-display: swap;
  src: url("/assets/fonts/nunito-latin-800-normal.woff2") format("woff2"); }

:root {
  /* colors */
  --navy: #0B2140;          /* text, line art */
  --brand-navy: #0B3B7A;    /* seal, adult accents, secondary outline */
  --sky: #6FCDF0;
  --yellow: #FFD400;
  --red: #E8323C;
  --grass: #33B44A;
  --green-dl: #1D7A30;      /* download button */
  --soft: #F6F8FB;          /* soft background */
  --border: #DCE3EC;
  --muted: #4A5A73;
  --muted-2: #3F4D63;
  --white: #FFFFFF;
  --cream: #FFF3D6;         /* STYLE natural tone, card fill only */
  /* v2 (DEC-016): chunky shades + accents */
  --navy-d: #061428;
  --sky-top: #59C4EE;
  --yellow-d: #D9A800;
  --red-d: #B01E27;
  --grass-d: #1D7A30;
  --blue: #1CB0F6;  --blue-d: #1288C2;
  --purple: #9B5DE5; --purple-d: #6F35B8;
  --orange: #F59E0B; --orange-d: #C47A00;
  --tint-blue: #E1F3FF; --tint-red: #FFE6E7; --tint-green: #E3F7E6; --tint-yellow: #FFF4C2;
  --ok-bg: #D7FFB8; --ok-fg: #3A8A00; --no-bg: #FFDFE0; --no-fg: #B01E27;
  --line: #E5E8EE;

  /* type */
  --font-kids: "Fredoka", "Nunito", system-ui, sans-serif;
  --font-adult: "Nunito", system-ui, -apple-system, "Segoe UI", sans-serif;

  /* adults mode */
  --a-radius: 8px;
  --a-h1-min: 26px;
  --a-h1-max: 34px;
  --a-body: 16px;

  /* kids mode */
  --k-radius: 22px;
  --k-outline: 5px;         /* 4–6 px navy outline */
  --k-touch: 64px;          /* min touch target */
  --k-font-min: 17px;
  --k-font-max: 52px;

  /* spacing */
  --s1: 4px; --s2: 8px; --s3: 12px; --s4: 16px; --s5: 24px; --s6: 32px; --s7: 48px;
}