@charset "UTF-8";

/* ==========================================================================
   ESCOLA GRACINHA - Design Tokens
   Tema filho: EscolaGracinha-child
   Carregado antes de custom.css
   ========================================================================== */

:root {
  /* —— 1.1 Cores – marca Escola Gracinha —— */
  --color-night-blue: #1B3A4B;
  --color-light-blue: #8BB1C6;
  --color-terracota: #D4562A;
  --color-amber: #F2A43A;
  --color-green: #4A7C59;
  --color-teal: #108699;
  --color-crimson: #E91C41;
  --color-cream: #F7EDD8;
  --color-white: #FFFFFF;
  --color-light-gray: #FAFAFA;
  --color-soft-gray: #D2D2D2;
  --color-gray: #484848;
  --color-coral-orange: #F56922;
  --color-crimson-red: #E7003A;

  /* —— 1.2 Sombras —— */
  --shadow-card: 0 14px 50px -20px rgba(27, 58, 75, 0.16);

  /* —— 1.3 Layout —— */
  --container-max-width: 1200px;
  --layout-content-width: var(--container-max-width);
  --layout-content-pad-x: 0px;
  --header-z-index: 99999;
  --header-scroll-offset: 100px;
  --secondary-menu-height: 0px;
  --primary-menu-height: 0px;

  /* —— 1.4 Espaçamento —— */
  --space-5: 5px;
  --space-10: 10px;
  --space-15: 15px;
  --space-20: 20px;
  --space-25: 25px;
  --space-30: 30px;
  --space-35: 35px;
  --space-40: 40px;
  --space-45: 45px;
  --space-50: 50px;
  --space-55: 55px;
  --space-60: 60px;
  --space-65: 65px;
  --space-70: 70px;
  --space-75: 75px;
  --space-80: 80px;
  --space-85: 85px;
  --space-90: 90px;
  --space-95: 95px;
  --space-100: 100px;

  /* —— 1.5 Border radius —— */
  --border-radius-5: 5px;
  --border-radius-10: 10px;
  --border-radius-15: 15px;
  --border-radius-20: 20px;
  --border-radius-25: 25px;
  --border-radius-30: 30px;
  --border-radius-35: 35px;
  --border-radius-40: 40px;
  --border-radius-45: 45px;
  --border-radius-50: 50px;

  /* —— 1.6 Tipografia – Playfair Display & Manrope —— */
  --font-family-playfair: "Playfair Display", Helvetica, Arial, sans-serif;
  --font-family-manrope: "Manrope", Helvetica, Arial, sans-serif;

  /* —— 1.7 Tipografia (pesos) —— */
  --font-weight-thin: 100;
  --font-weight-extra-light: 200;
  --font-weight-light: 300;
  --font-weight-regular: 400;
  --font-weight-medium: 500;
  --font-weight-semibold: 600;
  --font-weight-bold: 700;
  --font-weight-extra-bold: 800;
  --font-weight-black: 900;

  /* —— 1.8 Tipografia – escala desktop —— */
  --font-size-hero: 60px;
  --font-size-manifest: 38px;
  --font-size-title: 22px;
  --font-size-subtitle: 20px;
  --font-size-base: 16px;
  --font-size-medium: 14px;
  --font-size-small: 12px;
  --font-size-tiny: 10px;

  /* —— 1.9 Tipografia (line-height) —— */
  --line-height-90: 90%;
  --line-height-100: 100%;
  --line-height-110: 110%;
  --line-height-120: 120%;
  --line-height-130: 130%;
  --line-height-140: 140%;
  --line-height-150: 150%;

  /* —— 1.10 Transições —— */
  --transition-default: 0.3s ease;
}