/* Gerado do design system do Nutrigg. */
:root {
  --radius: 10px;

  --background: #f4f6f3;          /* página */
  --foreground: #13241c;          /* verde-mata: texto padrão */
  --card: #ffffff;
  --card-foreground: #13241c;
  --popover: #ffffff;
  --popover-foreground: #13241c;
  --primary: #13773a;             /* verde-folha: botão primário, link, foco (5,6:1 com branco) */
  --primary-foreground: #ffffff;
  --secondary: #eef1ed;
  --secondary-foreground: #13241c;
  --muted: #eef1ed;               /* fundo de chip/selo neutro */
  --muted-foreground: #4f5d54;    /* texto de apoio (6,9:1) */
  --accent: #f0f4ef;              /* hover de botão secundário */
  --accent-foreground: #13241c;
  --destructive: #b3261e;
  --destructive-foreground: #ffffff;
  --border: #e2e7e1;
  --input: #c9d1c8;               /* borda de campo e de botão secundário */
  --ring: #13773a;

  --success: #13773a;
  --success-foreground: #ffffff;
  --warning: #8a5300;
  --warning-foreground: #ffffff;
  --info: #1f5bb8;
  --info-foreground: #ffffff;

  --chart-1: #13773a;
  --chart-2: #1f5bb8;
  --chart-3: #8a5300;
  --chart-4: #8fd9a0;
  --chart-5: #13241c;

  --sidebar: #13241c;
  --sidebar-foreground: #e9f0ea;
  --sidebar-primary: #3bd455;
  --sidebar-primary-foreground: #13241c;
  --sidebar-accent: #1c3327;
  --sidebar-accent-foreground: #e9f0ea;
  --sidebar-border: #2e4a3a;
  --sidebar-ring: #3bd455;


  /* escala primária (verde-folha) */
  --color-primary-50: #eaf4ec;
  --color-primary-100: #d7ebdb;
  --color-primary-200: #b0d8b9;
  --color-primary-300: #82c08f;
  --color-primary-400: #4fa264;
  --color-primary-500: #2c8a49;
  --color-primary-600: #1a7f40;
  --color-primary-700: #13773a;
  --color-primary-800: #0e5e2d;
  --color-primary-900: #0b4d25;
  /* escala neutra (cinza-esverdeado) */
  --color-neutral-50: #f7faf6;
  --color-neutral-100: #f4f6f3;
  --color-neutral-200: #e2e7e1;
  --color-neutral-300: #c9d1c8;
  --color-neutral-400: #8a968e;
  --color-neutral-500: #66736b;
  --color-neutral-600: #4f5d54;
  --color-neutral-700: #3e4b43;
  --color-neutral-800: #1c3327;
  --color-neutral-900: #13241c;

  /* marca */
  --color-dark: #13241c;          /* verde-mata: menu, fundos escuros */
  --color-dark-2: #1c3327;
  --color-dark-3: #2e4a3a;
  --color-dark-border: #3a5243;
  --color-dark-hover: #1c3327;
  --color-green: #3bd455;         /* broto (logo): SÓ sobre verde-mata — nunca letra sobre claro */
  --color-green-press: #2ab544;

  /* ação */
  --color-green-hover: #0e5e2d;
  --color-green-pressdk: #0b4d25;
  --color-tint: #eaf4ec;
  --color-tint-press: #d7ebdb;
  --color-focus: #d3efd9;         /* anel de 3px em campo focado */

  /* seleção */
  --color-soft: #e6f7e9;          /* menta: item ativo, linha selecionada */
  --color-soft-border: #bfe6c8;
  --color-soft-2: #f2faf3;

  /* neutros extras */
  --color-surface-2: #fafbf9;
  --color-row-hover: #f7faf6;
  --color-line-soft: #edf0ec;
  --color-contour: #d5dcd4;
  --color-field-hover: #b9c4b8;
  --color-t1: #3e4b43;
  --color-meta: #56645b;
  --color-placeholder: #66736b;
  --color-icon: #8a968e;
  --color-disabled-bg: #e2e7e1;
  --color-disabled: #7f8b83;
  --color-on-dark-1: #e9f0ea;
  --color-on-dark-2: #c9d6cd;
  --color-on-dark-3: #9db0a3;

  /* estados — sempre com ícone e palavra */
  --color-error-hover: #931d17;
  --color-error-press: #7a1813;
  --color-error-soft: #fdecea;
  --color-line-error: #f1c4bf;
  --color-pending: #8a5300;
  --color-pending-soft: #fff4db;
  --color-pending-border: #e6c27a;
  --color-info-soft: #e8f0fc;

  /* macronutrientes */
  --color-macro-carb: #13241c;
  --color-macro-prot: #13773a;
  --color-macro-gord: #8fd9a0;

  /* tipografia: Onest 400/500/600/700 */
  --font-display: var(--font-onest), ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-body: var(--font-onest), ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
  --default-font-family: var(--font-body);

  --text-label: 12px;
  --text-label--line-height: 16px;
  --text-meta: 13px;
  --text-meta--line-height: 20px;
  --text-support: 14px;
  --text-support--line-height: 20px;
  --text-body: 15px;
  --text-body--line-height: 24px;
  --text-section: 18px;
  --text-section--line-height: 26px;
  --text-title: 24px;
  --text-title--line-height: 32px;
  --text-t1: 32px;
  --text-t1--line-height: 40px;
  --text-number: 32px;
  --text-number--line-height: 40px;
  --text-display: 44px;
  --text-display--line-height: 52px;

  --tracking-label: 0.04em;
  --tracking-num: 0;
  --tracking-display: -0.02em;

  --radius-pill: 999px;
  --radius-device: 26px;
  --radius-leaf: 14px 4px 14px 4px;       /* item ativo do menu */
  --radius-leaf-lg: 28px 8px 28px 8px;    /* destaque "próxima consulta" */

  /* sombras: superfície em repouso usa só borda */
  --shadow-card: 0 0 #0000;
  --shadow-pop: 0 6px 16px -6px rgba(19, 36, 28, 0.18);
  --shadow-modal: 0 24px 48px -12px rgba(19, 36, 28, 0.28);
  --shadow-button: 0 0 #0000;

  --ease-ng: cubic-bezier(0.2, 0, 0, 1);

}