/**
 * GestorPec Design System — Tokens Cerrado (CRM)
 * Fonte: gestorpec mobile/admin design-tokens.css
 * Identidade: paper · forest · ochre
 */

:root {
  color-scheme: light;

  --paper: #F7F8F5;
  --paper-panel: #FFFFFF;
  --paper-sunk: #FBFCFA;
  --ink: #17231B;
  --ink-soft: #65736A;
  --ink-faint: #7D8981;
  --forest: #226B40;
  --forest-deep: #185633;
  --forest-deeper: #142E28;
  --forest-soft: #E7F0E9;
  --ochre: #DFA942;
  --ochre-deep: #C8822A;
  --line: #E1E7E2;
  --line-strong: #CDD5CF;
  --on-forest: #FFFFFF;
  --on-forest-soft: #B8C4B5;
  --dust-blue: #6B8BA8;
  --destructive: #E5484D;

  --green-primary: var(--forest);
  --green-medium: #2F8F57;
  --green-light: #3DA066;
  --green-dark: var(--forest-deep);
  --green-glow: #E8F4EC;
  --cta-primary: var(--forest);

  --bg-app: var(--paper);
  --bg-surface: var(--paper-panel);
  --bg-card: var(--paper-panel);
  --bg-soft: var(--paper-sunk);

  --text-primary: var(--ink);
  --text-secondary: var(--ink-soft);
  --text-muted: var(--ink-faint);
  --text-on-green: var(--on-forest);

  --border-soft: var(--line);
  --border-strong: var(--line-strong);

  --status-online: #34D17C;
  --status-warning: #B76A00;
  --status-warning-bg: #FFF3D8;
  --status-danger: var(--destructive);
  --status-info: var(--dust-blue);

  --focus-ring: rgba(34, 107, 64, 0.22);

  --shadow-sm: 0 4px 14px rgba(20, 35, 27, 0.06);
  --shadow-md: 0 10px 30px rgba(20, 35, 27, 0.10);
  --shadow-lg: 0 18px 40px rgba(20, 35, 27, 0.14);
  --shadow-instrument: 0 1px 0 rgba(255, 255, 255, 0.6) inset, 0 40px 70px -40px rgba(34, 107, 64, 0.35);
  --shadow-tile: 0 24px 40px -30px rgba(34, 107, 64, 0.35);

  --radius-xs: 6px;
  --radius-s: 13.6px;
  --radius-m: 14px;
  --radius-l: 18px;
  --radius-xl: 24px;
  --radius-pill: 10px;

  --font-sans: "Schibsted Grotesk", system-ui, -apple-system, sans-serif;
  --font-mono: "Geist Mono", ui-monospace, "SFMono-Regular", monospace;
}