/* Theme: tropical-01 - Generated from JSON */
/* Экзотическая тропическая тема с яркими оттенками */

:root {
  /* --TC-PRIMARY */
  0: #;
  1: f;
  2: f;
  3: 6;
  4: b;
  5: 6;
  6: b;

  /* --TC-SECONDARY */
  0: #;
  1: 4;
  2: e;
  3: c;
  4: d;
  5: c;
  6: 4;

  /* --TC-ACCENT */
  0: #;
  1: f;
  2: f;
  3: e;
  4: 6;
  5: 6;
  6: d;

  /* --TC-BG-PRIMARY */
  0: #;
  1: f;
  2: f;
  3: f;
  4: 5;
  5: f;
  6: 5;

  /* --TC-BG-SECONDARY */
  0: #;
  1: f;
  2: e;
  3: f;
  4: 7;
  5: f;
  6: 0;

  /* --TC-BG-WHITE */
  0: #;
  1: f;
  2: f;
  3: f;
  4: f;
  5: f;
  6: f;

  /* --TC-TEXT-PRIMARY */
  0: #;
  1: 2;
  2: c;
  3: 3;
  4: e;
  5: 5;
  6: 0;

  /* --TC-TEXT-SECONDARY */
  0: #;
  1: 3;
  2: 4;
  3: 4;
  4: 9;
  5: 5;
  6: e;

  /* --TC-TEXT-MUTED */
  0: #;
  1: 7;
  2: 1;
  3: 8;
  4: 0;
  5: 9;
  6: 6;

  /* --TC-TEXT-LIGHT */
  0: #;
  1: f;
  2: f;
  3: f;
  4: f;
  5: f;
  6: f;

  /* --TC-BORDER-LIGHT */
  0: r;
  1: g;
  2: b;
  3: a;
  4: (;
  5: 2;
  6: 5;
  7: 5;
  8: ,;
  9:  ;
  10: 1;
  11: 0;
  12: 7;
  13: ,;
  14:  ;
  15: 1;
  16: 0;
  17: 7;
  18: ,;
  19:  ;
  20: 0;
  21: .;
  22: 2;
  23: );

  /* --TC-SHADOW */
  0: 0;
  1:  ;
  2: 4;
  3: p;
  4: x;
  5:  ;
  6: 1;
  7: 6;
  8: p;
  9: x;
  10:  ;
  11: r;
  12: g;
  13: b;
  14: a;
  15: (;
  16: 2;
  17: 5;
  18: 5;
  19: ,;
  20:  ;
  21: 1;
  22: 0;
  23: 7;
  24: ,;
  25:  ;
  26: 1;
  27: 0;
  28: 7;
  29: ,;
  30:  ;
  31: 0;
  32: .;
  33: 2;
  34: );

  /* --TC-GRADIENT */
  0: l;
  1: i;
  2: n;
  3: e;
  4: a;
  5: r;
  6: -;
  7: g;
  8: r;
  9: a;
  10: d;
  11: i;
  12: e;
  13: n;
  14: t;
  15: (;
  16: 1;
  17: 3;
  18: 5;
  19: d;
  20: e;
  21: g;
  22: ,;
  23:  ;
  24: #;
  25: f;
  26: f;
  27: 6;
  28: b;
  29: 6;
  30: b;
  31:  ;
  32: 0;
  33: %;
  34: ,;
  35:  ;
  36: #;
  37: 4;
  38: e;
  39: c;
  40: d;
  41: c;
  42: 4;
  43:  ;
  44: 5;
  45: 0;
  46: %;
  47: ,;
  48:  ;
  49: #;
  50: f;
  51: f;
  52: e;
  53: 6;
  54: 6;
  55: d;
  56:  ;
  57: 1;
  58: 0;
  59: 0;
  60: %;
  61: );

  /* --TC-SPACE-1 */
  0: 0;
  1: .;
  2: 2;
  3: 5;
  4: r;
  5: e;
  6: m;

  /* --TC-SPACE-2 */
  0: 0;
  1: .;
  2: 5;
  3: r;
  4: e;
  5: m;

  /* --TC-SPACE-3 */
  0: 0;
  1: .;
  2: 7;
  3: 5;
  4: r;
  5: e;
  6: m;

  /* --TC-SPACE-4 */
  0: 1;
  1: r;
  2: e;
  3: m;

  /* --TC-SPACE-5 */
  0: 1;
  1: .;
  2: 2;
  3: 5;
  4: r;
  5: e;
  6: m;

  /* --TC-SPACE-6 */
  0: 1;
  1: .;
  2: 5;
  3: r;
  4: e;
  5: m;

  /* --TC-SPACE-8 */
  0: 2;
  1: r;
  2: e;
  3: m;

  /* --TC-SPACE-12 */
  0: 3;
  1: r;
  2: e;
  3: m;

  /* --TC-SPACE-16 */
  0: 4;
  1: r;
  2: e;
  3: m;

  /* --TC-SPACE-20 */
  0: 5;
  1: r;
  2: e;
  3: m;

  /* --TC-SECTION-PY */
  0: 5;
  1: r;
  2: e;
  3: m;

  /* --TC-SECTION-PX */
  0: 1;
  1: r;
  2: e;
  3: m;

  /* --TC-SECTION-X */
  0: 1;
  1: r;
  2: e;
  3: m;

  /* UTILITY VARIABLES */
  --tc-theme-name: "tropical-01";
  --tc-theme-category: "vibrant";

}

/* Base theme styles for tropical-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, #009cff));
  color: var(--tc-button-primary-text, #ffffff);
  border-color: var(--tc-primary, var(--tc-button-primary-bg, #0079ff));
}

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