/* ============================================================
   simby — design tokens partilhados entre simby.pt e
   app.simby.pt. Ficheiro único: qualquer alteração de cor,
   tipografia ou espaçamento faz-se aqui, nunca em duplicado.

   Carregar este ficheiro SEMPRE antes de css/style.css (site) ou
   css/simby.css (app). Cada projeto mantém no seu próprio ficheiro
   apenas os tokens que lhe são exclusivos (ex.: --font-serif e
   --fs-4xl/--fs-5xl no site; --sidebar-w/--topbar-h na app).
   ============================================================ */

:root {
  /* ---- Paleta ---- */
  --green-dark:   #1a3d2b;
  --green-mid:    #2d6a4f;
  /* Decorativo apenas — bordas, ícones sobre fundo escuro. Nunca em botão,
     ligação ou texto sobre branco (falha AA). */
  --green-accent: #52b788;
  --green-hover:  #3da873;
  --white:        #ffffff;

  /* Acento — cor não-verde do site institucional, reservada à ação
     principal. A app mantém os botões em --green-accent/--green-hover. */
  --accent:       #9c4221;
  --accent-hover: #7e3419;

  /* ---- Escala de cinzentos ---- */
  --gray-900: #212529;
  --gray-700: #495057;
  --gray-500: #6c757d;
  --gray-400: #8a939b;
  --gray-300: #dee2e6;
  --gray-200: #e9ecef;
  --gray-100: #f8f9fa;

  --bg-light:       var(--gray-100);
  --text-main:      var(--gray-900);
  --text-secondary: var(--gray-500);
  --border:         var(--gray-200);

  /* ---- Sombra, raio, transição ---- */
  --shadow-sm:  0 1px 3px rgba(0,0,0,0.08);
  --shadow-md:  0 4px 16px rgba(0,0,0,0.10);
  --shadow-lg:  0 8px 32px rgba(0,0,0,0.12);
  --radius:     12px;
  --radius-sm:  8px;
  --transition: 0.25s ease;

  /* ---- Tipografia ---- */
  --font-sans: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;

  /* Escala tipográfica, 8 passos */
  --fs-xs:   0.72rem;
  --fs-sm:   0.8rem;
  --fs-base: 0.875rem;
  --fs-md:   0.95rem;
  --fs-lg:   1.1rem;
  --fs-xl:   1.35rem;
  --fs-2xl:  1.75rem;
  --fs-3xl:  2.25rem;

  /* ---- Escala de espaçamento, base 4 ---- */
  --space-1:  4px;
  --space-2:  8px;
  --space-3:  12px;
  --space-4:  16px;
  --space-5:  20px;
  --space-6:  24px;
  --space-7:  28px;
  --space-8:  32px;
  --space-9:  36px;
  --space-10: 40px;
  --space-12: 48px;
  --space-14: 56px;
  --space-16: 64px;
  --space-20: 80px;
  --space-24: 96px;
}

/* Movimento respeita a preferência do sistema, em todo o site e na app. */
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}