/*
 * GRPI Mobile - tokens visuais extraidos do projeto GRPI IOS/APK.penpot.
 * Estes nomes sao exclusivos da camada mobile para nao alterar o desktop.
 */
:root {
  --mobile-primary: #004714;
  --mobile-primary-strong: #003a11;
  --mobile-accent: #a8cf45;
  --mobile-accent-strong: #90b72f;
  --mobile-accent-soft: #eef6d8;
  --mobile-success: #16a34a;
  --mobile-danger: #e11d48;
  --mobile-surface: #ffffff;
  --mobile-background: #f3f1f1;
  --mobile-muted: #8e8c88;
  --mobile-border: #eaeaea;
  --mobile-text: #004714;
  --mobile-on-primary: #ffffff;
  --mobile-on-accent: #004714;
  --mobile-radius: 20px;
  --mobile-radius-small: 14px;
  --mobile-shadow: 0 10px 28px rgba(0, 71, 20, 0.09);
  --mobile-font: "Exo", "Exo 2", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --mobile-safe-top: env(safe-area-inset-top, 0px);
  --mobile-safe-right: env(safe-area-inset-right, 0px);
  --mobile-safe-bottom: env(safe-area-inset-bottom, 0px);
  --mobile-safe-left: env(safe-area-inset-left, 0px);
}

html.tema-escuro {
  --mobile-primary: #003a16;
  --mobile-primary-strong: #002b10;
  --mobile-accent: #b2d95a;
  --mobile-accent-strong: #9fc643;
  --mobile-accent-soft: #28371f;
  --mobile-success: #4ade80;
  --mobile-danger: #fb7185;
  --mobile-surface: #1a221d;
  --mobile-background: #0f1511;
  --mobile-muted: #a2aca5;
  --mobile-border: #303b33;
  --mobile-text: #edf4ef;
  --mobile-on-primary: #ffffff;
  --mobile-on-accent: #163008;
  --mobile-shadow: 0 10px 28px rgba(0, 0, 0, 0.36);
}