:root {
  /* Marca */
  --color-forest-950: #002e2a;
  --color-forest-900: #003b36;
  --color-forest-800: #074a42;
  --color-mint-500: #62c992;
  --color-mint-400: #7edaa6;
  --color-mint-300: #8bdfb0;
  --color-paper-50: #f8f6f0;
  --color-paper-100: #f6f4ee;
  --color-sage-100: #e9eee2;
  --color-sage-200: #d8ecdb;
  --color-sage-300: #c9e4cb;
  --color-ink-900: #073d37;
  --color-ink-600: #526957;
  --color-ink-500: #63716a;
  --color-line: #d1d8cd;
  --color-white: #fff;

  /* Superfícies do painel administrativo */
  --color-admin-background: #f6f7f3;
  --color-admin-sidebar: #f8faf5;
  --color-admin-border: #dce8df;
  --color-admin-ink: #103a34;
  --color-admin-muted: #5d736b;
  --color-admin-accent: #a5e7ad;

  /* Compatibilidade com os componentes existentes */
  --paper: var(--color-paper-100);
  --forest: var(--color-forest-900);
  --deep: var(--color-forest-950);
  --green: var(--color-mint-500);
  --mint: var(--color-mint-300);
  --ink: var(--color-ink-900);
  --muted: var(--color-ink-500);
  --line: var(--color-line);
  --white: #fffefa;
  --radius: var(--radius-lg);

  /* Tipografia */
  --font-sans: "DM Sans", Arial, sans-serif;
  --weight-regular: 400;
  --weight-medium: 500;
  --weight-semibold: 600;
  --leading-tight: 1.08;
  --leading-body: 1.75;
  --tracking-display: -0.04em;
  --tracking-label: 0.12em;

  /* Espaçamento */
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-8: 32px;
  --space-10: 40px;
  --space-12: 48px;
  --space-16: 64px;
  --space-20: 80px;
  --space-section: 105px;
  --content-max: 1360px;
  --content-gutter: 64px;

  /* Forma e profundidade */
  --radius-xs: 4px;
  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 18px;
  --radius-pill: 999px;
  --shadow-card: 0 12px 35px rgb(0 46 42 / 8%);
  --shadow-float: 0 24px 70px rgb(0 46 42 / 18%);
  --focus-ring: 0 0 0 3px rgb(126 218 166 / 42%);

  /* Iconografia de traço manual */
  --icon-size: 20px;
  --hand-icon-size: 30px;
  --icon-stroke: 1.7;
  --icon-linecap: round;
  --icon-linejoin: round;

  /* Movimento */
  --duration-fast: 160ms;
  --duration-base: 260ms;
  --ease-standard: cubic-bezier(0.2, 0.7, 0.2, 1);
}

@media (max-width: 760px) {
  :root {
    --content-gutter: 23px;
    --space-section: 65px;
  }
}