/**
 * Evve Design System — tokens canônicos (Stitch Evve Dynamic Ecosystem)
 * Fonte: ux-evve-ticket-2026-08-11/imports/evve_dynamic_ecosystem/DESIGN.md
 * Consumo: platform.css (.theme-platform) e protótipo /dev/design-system.
 */

:root {
  /* Surfaces */
  --evve-bg: #f8f9fb;
  --evve-admin-bg: #f3f5f7;
  --evve-surface: #ffffff;
  --evve-surface-low: #f2f4f6;
  --evve-surface-container: #eceef0;
  --evve-surface-high: #e6e8ea;
  --evve-surface-highest: #e0e3e5;

  /* Ink */
  --evve-ink: #191c1e;
  --evve-ink-strong: #0b0f14;
  --evve-ink-muted: #5c6575;
  --evve-on-surface-variant: #444935;

  /* Brand */
  --evve-primary: #4f6600;
  --evve-on-primary: #ffffff;
  --evve-primary-container: #c8f542;
  --evve-on-primary-container: #566e00;
  --evve-signal: #c8f542;
  --evve-inverse-primary: #abd61f;

  /* Lines */
  --evve-line: #e2e6eb;
  --evve-outline: #747963;
  --evve-outline-variant: #c4c9af;

  /* Status */
  --evve-success: #16a34a;
  --evve-error: #ba1a1a;
  --evve-error-container: #ffdad6;
  --evve-warning: #d97706;

  /* Type */
  --evve-font-display: Syne, system-ui, sans-serif;
  --evve-font-body: "Be Vietnam Pro", system-ui, sans-serif;

  --evve-display-lg-size: 64px;
  --evve-display-lg-lh: 72px;
  --evve-headline-lg-size: 32px;
  --evve-headline-lg-lh: 40px;
  --evve-headline-md-size: 24px;
  --evve-headline-md-lh: 32px;
  --evve-body-lg-size: 18px;
  --evve-body-lg-lh: 28px;
  --evve-body-md-size: 16px;
  --evve-body-md-lh: 24px;
  --evve-body-sm-size: 14px;
  --evve-body-sm-lh: 20px;
  --evve-label-md-size: 12px;
  --evve-label-md-lh: 16px;
  --evve-table-header-size: 11px;
  --evve-table-header-lh: 16px;

  /* Radius / space */
  --evve-radius-sm: 4px;
  --evve-radius: 8px;
  --evve-radius-md: 6px;
  --evve-radius-xl: 12px;
  --evve-radius-pill: 9999px;
  --evve-unit: 4px;
  --evve-stack-sm: 8px;
  --evve-stack-md: 16px;
  --evve-stack-lg: 24px;
  --evve-pad-mobile: 16px;
  --evve-pad-desktop: 32px;
  --evve-gutter: 20px;
}