:root {
  /* Green */
  --color-green-100: #eaf4ef;
  --color-green-soft: #f0faf4;
  --color-green-300: #87bda3;
  --color-green-400: #72b698;
  --color-green-500: #4c9a7a;
  --color-green-600: #368863;
  --color-green-hover: #3f8467;
  --color-green-disabled: #b0d0c5;
  --color-green-500-25: rgba(76, 154, 122, 0.25);
  --color-green-focus: rgba(76, 154, 122, 0.35);
  --color-secondary-hover: #ebf7f1;

  /* Dark */
  --color-ink: #2b3a35;
  --color-dark-500: #2b3a35;
  --color-dark-600: #3b3b3b;
  --color-dark-700: #424242;
  --color-dark-800: #333333;
  --color-dark-900: #1c1c1c;
  --color-dark-navy: #1e2a3a;
  --color-dark-500-50: rgba(43, 58, 53, 0.5);

  /* Gray */
  --color-gray-500: #6b7a74;
  --color-gray-400: #888888;
  --color-gray-350: #8e8e8e;
  --color-gray-300: #7b7b7b;
  --color-gray-250: #666666;

  /* Background */
  --color-bg: #fdfbf8;
  --color-cream: #faf8f5;
  --color-surface: #ffffff;
  --color-white: #ffffff;
  --color-white-90: rgba(255, 255, 255, 0.9);

  /* Border */
  --color-border-soft: #e4e9e5;
  --color-border: #e5e5e5;
  --color-border-light: #e5e7eb;
  --color-border-subtle: #e0e4e2;
  --color-border-medium: #cccccc;

  /* Accent */
  --color-accent: #cf7f2f;
  --color-accent-soft: rgba(207, 127, 47, 0.25);
  --color-gold: #c98a3e;
  --color-gold-bg: #fdf6ec;
  --color-progress: #54a07c;
  --color-text: #1a1a1a;

  /* Disabled */
  --color-disabled-bg: #f8f8fa;
  --color-disabled-border: #c8ded5;
  --color-disabled-text: #a3aaa9;

  /* Breadcrumb */
  --color-breadcrumb: #2c7659;

  --radius-sm: 12px;
  --radius-md: 16px;
  --radius-lg: 27px;
  --radius-pill: 999px;

  --container: 1200px;
  --pad-x: 120px;
  --header-h: 68px;

  --font-heading: "Manrope", sans-serif;
  --font-body: "Inter", sans-serif;

  --shadow-card: 0 8px 24px rgba(43, 58, 53, 0.06);
  --ease: cubic-bezier(0.22, 1, 0.36, 1);
}