:root {
  --color-green-900: #143C27;
  --color-green-700: #1F5E3E;
  --color-green-500: #2E7D4F;
  --color-green-300: #7FBF8F;
  --color-green-100: #E4F2E8;

  --color-bg: #FFFFFF;
  --color-surface: #F6FAF7;
  --color-surface-raised: #FFFFFF;
  --color-border: #DCE8E0;
  --color-text: #14231A;
  --color-text-muted: #55705F;
  --color-text-inverse: #FFFFFF;

  --color-primary: var(--color-green-700);
  --color-primary-hover: var(--color-green-900);
  --color-accent: var(--color-green-500);
  --color-danger: #B3413B;

  --status-pendente-bg: #E9ECF1;
  --status-pendente-text: #64748B;
  --status-producao-bg: #FBF0DC;
  --status-producao-text: #92620E;
  --status-enviado-bg: #DCEAF7;
  --status-enviado-text: #2563AA;
  --status-entregue-bg: var(--color-green-100);
  --status-entregue-text: var(--color-green-700);
  --status-cancelado-bg: #F5E4E2;
  --status-cancelado-text: var(--color-danger);

  --shadow-sm: 0 1px 2px rgba(20, 35, 26, 0.06);
  --shadow-md: 0 4px 16px rgba(20, 35, 26, 0.10);

  --radius-sm: 6px;
  --radius-md: 10px;
  --radius-lg: 16px;

  --sidebar-width: 248px;
  --sidebar-width-collapsed: 72px;
  --topbar-height: 60px;

  --font-ui: "Inter", -apple-system, "Segoe UI", sans-serif;
  --font-display: "Space Grotesk", "Inter", sans-serif;

  --transition-base: 180ms ease;
}

[data-theme="dark"] {
  --color-bg: #0F1C15;
  --color-surface: #142418;
  --color-surface-raised: #182B1D;
  --color-border: #24392C;
  --color-text: #E7F1EA;
  --color-text-muted: #93AC9C;
  --color-text-inverse: #0F1C15;

  --color-primary: #5FB97F;
  --color-primary-hover: #7FCB9A;
  --color-accent: #4C9A6A;

  --status-pendente-bg: rgba(154, 165, 177, 0.18);
  --status-pendente-text: #9AA5B1;
  --status-producao-bg: rgba(217, 164, 65, 0.16);
  --status-producao-text: #D9A441;
  --status-enviado-bg: rgba(74, 144, 217, 0.18);
  --status-enviado-text: #4A90D9;
  --status-entregue-bg: rgba(95, 185, 127, 0.16);
  --status-entregue-text: #5FB97F;
  --status-cancelado-bg: rgba(214, 101, 90, 0.16);
  --status-cancelado-text: #E17A6E;

  --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.28);
  --shadow-md: 0 4px 18px rgba(0, 0, 0, 0.38);
}

* {
  box-sizing: border-box;
}

body {
  margin: 0;
  font-family: var(--font-ui);
  background: var(--color-bg);
  color: var(--color-text);
  transition: background var(--transition-base), color var(--transition-base);
}