:root {
  --color-primary: #1cb278;
  --color-primary-dark: #0b8f63;
  --color-primary-soft: #e8f7f1;
  --color-accent: #ef2f37;
  --color-text: #352e2d;
  --color-muted: #686262;
  --color-border: #e4e8e6;
  --color-surface: #ffffff;
  --color-page: #f5f5f5;
  --container: 1214px;
  --radius-sm: 2px;
  --radius-md: 4px;
  --shadow-card: 0 1px 5px rgb(20 52 40 / 8%);
  --transition: 180ms ease;
  --z-header: 30;
  --z-floating: 40;
}