/* Theme: nature
   Cream/milk surfaces, soft green accent, light calm admin.
*/
.theme-nature {
  --white: #ffffff;
  --gray-50: #fbf8f1;
  --gray-100: #f4efe4;
  --gray-200: #e4d9c6;
  --gray-300: #d4c6ae;
  --gray-400: #b8a88e;
  --gray-500: #7a7468;
  --gray-700: #534e45;
  --gray-800: #3a362f;
  --gray-900: #2a2824;
  --gray-950: #1c1a17;
  --red-500: #c45c4a;
  --red-600: #a34838;
  --accent: #4f7a5d;
  --badge-bg: #e8dfd0;
  --emerald-600: #4f7a5d;

  --color-bg-page: #f4efe4;
  --color-bg-card: #fbf8f1;
  --color-border: #e4d9c6;
  --color-text: #2a2824;
  --color-text-muted: #7a7468;
  --color-text-secondary: #534e45;
  --color-accent: #4f7a5d;
  --color-error: #c45c4a;
  --color-error-text: #a34838;
  --color-focus: #4f7a5d;
  --color-hover-bg: #efe8d8;
  --color-hover-border: #d9ccb5;
  --color-form-heading: #7a7468;
  --color-highlight-bg: rgba(79, 122, 93, 0.12);
  --color-success-bg: rgba(79, 122, 93, 0.16);
  --color-success-text: #345c41;
  --color-danger-bg: rgba(196, 92, 74, 0.14);
  --color-danger-text: #a34838;
  --color-info-bg: rgba(79, 122, 93, 0.14);
  --color-info-text: #345c41;

  --checkbox-check-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E");
  --checkbox-indeterminate-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3' stroke-linecap='round'%3E%3Cline x1='4' y1='12' x2='20' y2='12'%3E%3C/line%3E%3C/svg%3E");

  --btn-focus-ring-color: rgba(79, 122, 93, 0.35);
  --btn-focus-ring-inset: rgba(251, 248, 241, 0.2);

  --btn-primary-bg: #4f7a5d;
  --btn-primary-color: #ffffff;
  --btn-primary-border: transparent;
  --btn-primary-bg-hover: #426850;
  --btn-primary-color-hover: #ffffff;
  --btn-primary-bg-active: #365742;
  --btn-primary-color-active: #ffffff;

  --btn-secondary-bg: #e8dfd0;
  --btn-secondary-color: #3a362f;
  --btn-secondary-bg-hover: #d9ccb5;
  --btn-secondary-color-hover: #2a2824;
  --btn-secondary-bg-active: #cbbba0;
  --btn-secondary-color-active: #2a2824;

  --btn-outline-bg: transparent;
  --btn-outline-color: #4f7a5d;
  --btn-outline-border: #4f7a5d;
  --btn-outline-bg-hover: rgba(79, 122, 93, 0.1);
  --btn-outline-color-hover: #4f7a5d;
  --btn-outline-bg-active: rgba(79, 122, 93, 0.18);
  --btn-outline-color-active: #4f7a5d;

  --btn-ghost-bg: transparent;
  --btn-ghost-color: #7a7468;
  --btn-ghost-bg-hover: rgba(42, 40, 36, 0.06);
  --btn-ghost-color-hover: #2a2824;
  --btn-ghost-bg-active: rgba(42, 40, 36, 0.1);
  --btn-ghost-color-active: #2a2824;

  --btn-danger-bg: #c45c4a;
  --btn-danger-color: #ffffff;
  --btn-danger-bg-hover: #a34838;
  --btn-danger-color-hover: #ffffff;
  --btn-danger-bg-active: #8a3c2f;
  --btn-danger-color-active: #ffffff;

  --btn-disabled-bg: #e4d9c6;
  --btn-disabled-color: #b8a88e;
  --btn-disabled-border: transparent;

  --input-focus-border: #4f7a5d;
  --input-error-border: #c45c4a;
  --input-hover-bg: #efe8d8;
  --input-hover-border: #d9ccb5;
  --input-readonly-bg: #efe8d8;
  --input-readonly-text: #7a7468;

  --modal-backdrop-bg: rgba(42, 40, 36, 0.45);
  --modal-shadow: 0 25px 50px -12px rgba(42, 40, 36, 0.2);

  --tooltip-color: #2a2824;
  --tooltip-bg: #fbf8f1;
  --tooltip-border: #e4d9c6;
  --tooltip-shadow: 0 4px 12px rgba(42, 40, 36, 0.12);
}