/* Theme: modern-green-01 - Generated from JSON */
/* Growth-oriented emerald theme with innovative and eco-friendly appeal */

:root {
  /* PRIMARY COLORS */
  --tc-primary-50: #ecfdf5;
  --tc-primary-100: #cfffe9;
  --tc-primary-300: #86f7d2;
  --tc-primary-500: #0a9980;
  --tc-primary-700: #0b8160;

  /* NEUTRAL COLORS */
  --tc-neutral-50: #fafafa;
  --tc-neutral-100: #f5f5f4;
  --tc-neutral-300: #e3d0c8;
  --tc-neutral-500: #5f554e;
  --tc-neutral-700: #554b44;
  --tc-neutral-900: #1c1c1c;

  /* SURFACE SYSTEM */
  --tc-surface-primary: var(--tc-neutral-50);
  --tc-surface-secondary: var(--tc-neutral-100);
  --tc-surface-accent: var(--tc-primary-50);

  /* TEXT SYSTEM */
  --tc-text-primary: var(--tc-neutral-900);
  --tc-text-secondary: var(--tc-neutral-700);
  --tc-text-accent: var(--tc-primary-500);

  /* INTERACTIVE ELEMENTS */
  --tc-button-primary-bg: var(--tc-primary-500);
  --tc-button-primary-text: #ffffff;
  --tc-button-secondary-bg: var(--tc-neutral-100);
  --tc-button-secondary-text: var(--tc-neutral-900);

  /* BORDERS SHADOWS */
  --tc-border-light: var(--tc-neutral-300);
  --tc-border-medium: var(--tc-neutral-500);
  --tc-shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
  --tc-shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
  --tc-shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);

  /* UTILITY VARIABLES */
  --tc-theme-name: "modern-green-01";
  --tc-theme-category: "modern";

}

/* Base theme styles for modern-green-01 */
body {
  background-color: var(--tc-bg-primary, var(--tc-surface-primary, #ffffff));
  color: var(--tc-text-primary, #000000);
}

.btn-primary {
  background-color: var(--tc-primary, var(--tc-button-primary-bg, #006bef));
  color: var(--tc-button-primary-text, #ffffff);
  border-color: var(--tc-primary, var(--tc-button-primary-bg, #005aff));
}

.btn-secondary {
  background-color: var(--tc-secondary, var(--tc-button-secondary-bg, #f8f9fa));
  color: var(--tc-text-primary, var(--tc-button-secondary-text, #1b1d1e));
  border-color: var(--tc-borders-light, var(--tc-border-light, #d3d3d3));
}