/* Theme: industrial-01 - Generated from JSON */
/* Индустриальная тема с металлическими оттенками и строгими линиями */

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

  /* --TC-SECONDARY */
  0: #;
  1: 6;
  2: 0;
  3: 7;
  4: d;
  5: 8;
  6: b;

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

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

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

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

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

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

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

  /* --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: 5;
  6: 5;
  7: ,;
  8:  ;
  9: 7;
  10: 1;
  11: ,;
  12:  ;
  13: 7;
  14: 9;
  15: ,;
  16:  ;
  17: 0;
  18: .;
  19: 2;
  20: );

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

  /* --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: e;
  26: c;
  27: e;
  28: f;
  29: f;
  30: 1;
  31:  ;
  32: 0;
  33: %;
  34: ,;
  35:  ;
  36: #;
  37: c;
  38: f;
  39: d;
  40: 8;
  41: d;
  42: c;
  43:  ;
  44: 5;
  45: 0;
  46: %;
  47: ,;
  48:  ;
  49: #;
  50: b;
  51: 0;
  52: b;
  53: e;
  54: c;
  55: 5;
  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: "industrial-01";
  --tc-theme-category: "industrial";

}

/* Base theme styles for industrial-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, #007bff));
  color: var(--tc-button-primary-text, #ffffff);
  border-color: var(--tc-primary, var(--tc-button-primary-bg, #007bff));
}

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