/* GERADO POR build.mjs A PARTIR DO DESIGN SYSTEM ORGANIC. NAO EDITAR A MAO.
   Fonte: docs/design/_ds/organic-adfdf794-dd40-48cc-9eb2-87a5ebe8d389/styles.css
   Para mudar um token, mude na fonte e rode: node packages/tokens/build.mjs */

:root {
  --color-bg: #f5f8f0;
  --color-surface: #eaf0e2;
  --color-paper: #ffffff;
  --color-text: #202a1c;
  /* TECFERT: marca e navegação. Alertas e confirmações mantêm papéis próprios. */
  --color-brand: #38771F;
  --color-brand-leaf: #557535;
  --color-brand-light: #92BF39;
  --color-brand-100: #f0f7e7;
  --color-brand-200: #e0edcd;
  --color-brand-300: #c3dda0;
  --color-brand-400: #a1c772;
  --color-brand-500: #38771F;
  --color-brand-600: #2f651a;
  --color-brand-700: #275417;
  --color-brand-800: #203f14;
  --color-brand-900: #162d0e;
  --color-accent: #c67139;
  --color-accent-2: #7a8a5e;
  --color-divider: color-mix(in srgb, #202a1c 16%, transparent);

  /* Tonal ramps — generated in OKLCH on one shared lightness scale, so the
     same step of any role matches the others in visual value. */
  --color-neutral-100: #fafcf7;
  --color-neutral-200: #edf1e7;
  --color-neutral-300: #d7dfce;
  --color-neutral-400: #b5c0a9;
  --color-neutral-500: #909e83;
  --color-neutral-600: #728067;
  --color-neutral-700: #56634c;
  --color-neutral-800: #3d4935;
  --color-neutral-900: #293323;

  --color-accent-100: #fff2eb;
  --color-accent-200: #ffe1d0;
  --color-accent-300: #ffc6a5;
  --color-accent-400: #f6a06b;
  --color-accent-500: #d67f48;
  --color-accent-600: #b2622d;
  --color-accent-700: #8c491a;
  --color-accent-800: #643312;
  --color-accent-900: #402310;

  --color-accent-2-100: #f0fae1;
  --color-accent-2-200: #e1eecc;
  --color-accent-2-300: #ccdbb2;
  --color-accent-2-400: #aebf92;
  --color-accent-2-500: #8fa073;
  --color-accent-2-600: #728157;
  --color-accent-2-700: #56633f;
  --color-accent-2-800: #3d472b;
  --color-accent-2-900: #272e1b;

  --font-heading: "Caprasimo", system-ui, sans-serif;
  --font-heading-weight: 400;
  --font-body: "Figtree", system-ui, sans-serif;

  --space-1: 4.4px;
  --space-2: 8.8px;
  --space-3: 13.2px;
  --space-4: 17.6px;
  --space-6: 26.4px;
  --space-8: 35.2px;

  --radius-sm: 8px;
  --radius-md: 16px;
  --radius-lg: 28px;

  /* Elevation — derived from the ground: soft ink-tinted shadows on a
     light theme, a hairline edge + ambient darkness on a dark one. */
  --shadow-sm: 0 1px 2px color-mix(in srgb, #293323 14%, transparent);
  --shadow-md: 0 3px 10px color-mix(in srgb, #293323 16%, transparent);
  --shadow-lg: 0 12px 32px color-mix(in srgb, #293323 22%, transparent);
}