/* ============================================================
 * DESIGN TOKENS — 3ª IPB ARAGUAÍNA
 * ------------------------------------------------------------
 * Variáveis globais de identidade visual. Alterar aqui muda o
 * site inteiro de forma consistente.
 * Paleta: Verde Floresta Profundo + Ouro/Bronze + Creme.
 * ============================================================ */

:root {
  /* ----- Cores da marca ----- */
  --primary: #0d3b2e;
  --primary-light: #155743;
  --primary-dark: #08251e;
  --primary-darker: #051a15;

  --accent: #c5a880;
  --accent-dark: #a98e63;
  --accent-deep: #8c724b;
  --accent-light: #f3ece3;

  /* ----- Superfícies ----- */
  --bg: #fcfbf7;
  --surface: #ffffff;
  --surface-soft: #faf8f2;

  /* ----- Texto ----- */
  --text: #26302b;
  --text-muted: #5d6963;
  --text-soft: #8b958f;
  --text-light: #ffffff;
  --text-on-dark: rgba(255, 255, 255, 0.86);
  --text-on-dark-soft: rgba(243, 236, 227, 0.72);

  /* ----- Estados ----- */
  --success: #2e7d32;
  --error: #b3261e;

  /* ----- Bordas e sombras ----- */
  --border: #e8e4d9;
  --border-on-dark: rgba(197, 168, 128, 0.22);
  --ring: rgba(197, 168, 128, 0.45);
  --shadow-sm: 0 2px 8px rgba(13, 59, 46, 0.06);
  --shadow-md: 0 10px 28px -6px rgba(13, 59, 46, 0.14);
  --shadow-lg: 0 24px 56px -12px rgba(8, 37, 30, 0.28);

  /* ----- Tipografia ----- */
  --font-display: "Playfair Display", Georgia, "Times New Roman", serif;
  --font-body: "Plus Jakarta Sans", system-ui, -apple-system, "Segoe UI", sans-serif;

  --fs-xs: 0.78rem;
  --fs-sm: 0.9rem;
  --fs-base: 1rem;
  --fs-md: 1.1rem;
  --fs-h3: clamp(1.15rem, 1rem + 0.6vw, 1.4rem);
  --fs-h2: clamp(1.85rem, 1.4rem + 1.7vw, 2.7rem);
  --fs-h1: clamp(2.4rem, 1.5rem + 3.4vw, 4rem);

  /* ----- Geometria ----- */
  --radius-sm: 10px;
  --radius-md: 16px;
  --radius-lg: 24px;
  --radius-full: 999px;

  --container: 1200px;
  --header-h: 82px;
  --section-y: clamp(64px, 9vw, 110px);

  /* ----- Movimento ----- */
  --ease: cubic-bezier(0.4, 0, 0.2, 1);
  --transition: 0.3s var(--ease);

  /* ----- Camadas ----- */
  --z-header: 100;
  --z-fab: 90;
  --z-modal: 1000;
}

@media (max-width: 768px) {
  :root {
    --header-h: 68px;
  }
}