:root {
  --background: #090a06;
  --background-soft: #11120e;
  --surface: #181916;
  --surface-light: #20211d;
  --primary: #76c900;
  --primary-light: #8ee600;
  --text-primary: #f5f5f2;
  --text-secondary: #92978e;
  --border: rgba(255, 255, 255, 0.08);
  --border-soft: rgba(255, 255, 255, 0.05);
  --shadow: rgba(0, 0, 0, 0.6);

  --color-primary: #7fb72a;
  --color-primary-hover: #92cf31;
  --color-primary-light: #f2f8e8;

  --color-secondary: #101410;

  --color-background: #ffffff;
  --color-surface: #ffffff;
  --color-surface-secondary: #f0f4f2;

  --color-text: #151515;
  --color-text-secondary: #666666;

  --color-border: #dce4df;
  --color-border-strong: #b8c8c0;

  --color-success: #18794e;
  --color-success-background: #e7f5ed;

  --color-error: #c53636;
  --color-error-background: #fdeaea;

  --color-disabled: #aab4af;
  --color-disabled-background: #e3e8e5;

  --shadow-sm: 0 2px 8px rgba(20, 45, 34, 0.06);
  --shadow-md: 0 8px 24px rgba(20, 45, 34, 0.08);
  --shadow-lg: 0 16px 40px rgba(20, 45, 34, 0.1);

  --radius-sm: 6px;
  --radius-md: 12px;
  --radius-lg: 18px;
  --radius-pill: 999px;

  --transition-fast: 150ms ease;
  --transition-default: 250ms ease;

  --container-width: 960px;
}