:root {
  --green-900: #0b2e20;
  --green-800: #0f3926;
  --green-700: #12432c;
  --green-600: #1a613b;
  --green-500: #1b7a45;
  --green-400: #22a84a;
  --green-300: #3ecf6a;
  --green-100: #e8f5e9;
  --green-50: #f3faf4;

  --orange: #f39c12;
  --star: #f5a623;

  --white: #ffffff;
  --bg: #ffffff;
  --bg-soft: #fafafa;
  --bg-muted: #f3f4f6;

  --text: #1a1a1a;
  --text-muted: #6b7280;
  --text-light: #9ca3af;
  --border: #e5e7eb;
  --shadow: 0 8px 24px rgba(15, 57, 38, 0.08);
  --shadow-lg: 0 18px 40px rgba(15, 57, 38, 0.16);

  --radius-sm: 8px;
  --radius: 12px;
  --radius-md: 16px;
  --radius-lg: 22px;
  --radius-full: 999px;

  --container: 1440px;
  --header-h: 74px;
  --topbar-h: 36px;

  --font: "Inter", "Segoe UI", Tahoma, sans-serif;
  --transition: 0.25s ease;
}