:root {
  --brand-primary: #0f766e;
  --brand-primary-hover: #0b5e58;
  --brand-primary-soft: #e8f6f4;
  --brand-accent: #facc15;
  --brand-accent-hover: #cea426;
  --brand-accent-soft: rgba(250, 204, 21, 0.2);

  --ui-bg: #f7f9f8;
  --ui-surface: #ffffff;
  --ui-surface-alt: #f8fbfa;
  --ui-text: #1f2937;
  --ui-text-soft: #4b5563;
  --ui-text-muted: #6b7280;
  --ui-border: #dde3df;
  --ui-overlay: rgba(0, 0, 0, 0.5);
  --ui-shadow-sm: 0 4px 12px rgba(15, 118, 110, 0.08);
  --ui-shadow-md: 0 8px 24px rgba(15, 118, 110, 0.14);
  --ui-shadow-lg: 0 12px 32px rgba(15, 118, 110, 0.2);

  --ui-success: #15803d;
  --ui-warning: #b45309;
  --ui-error: #b91c1c;
  --ui-info: #1d4ed8;
}
:root {
  --primary-green: var(--brand-primary);
  --primary-green-hover: var(--brand-primary-hover);
  --primary-green-light: var(--brand-primary-soft);
  --gold: var(--brand-accent);
  --gold-light: var(--brand-accent-soft);
  --background: var(--ui-bg);
  --card-bg: var(--ui-surface);
  --border-color: var(--ui-border);
  --text-dark: var(--ui-text);
  --text-medium: var(--ui-text-soft);
  --text-light: var(--ui-text-muted);
  --primary-red: var(--ui-error);
  --primary-red-hover: #991b1b;
  --admin-green-900: var(--brand-primary);
  --admin-green-700: var(--brand-primary-hover);
  --admin-green-100: var(--brand-primary-soft);
  --admin-accent: var(--brand-accent);
  --admin-accent-hover: var(--brand-accent-hover);
  --admin-border: var(--ui-border);
  --admin-text: var(--ui-text);
}