/* Theme: modern-01 - Generated from JSON */
/* Современная минималистичная тема с чистыми линиями и контрастами */

:root {
  /* --TC-PRIMARY */
  0: #;
  1: 0;
  2: 0;
  3: 0;
  4: 0;
  5: 0;
  6: 0;

  /* --TC-SECONDARY */
  0: #;
  1: f;
  2: 5;
  3: f;
  4: 5;
  5: f;
  6: 5;

  /* --TC-ACCENT */
  0: #;
  1: f;
  2: f;
  3: 6;
  4: b;
  5: 3;
  6: 5;

  /* --TC-BG-PRIMARY */
  0: #;
  1: f;
  2: f;
  3: f;
  4: f;
  5: f;
  6: f;

  /* --TC-BG-SECONDARY */
  0: #;
  1: f;
  2: 8;
  3: f;
  4: 9;
  5: f;
  6: a;

  /* --TC-BG-WHITE */
  0: #;
  1: f;
  2: f;
  3: f;
  4: f;
  5: f;
  6: f;

  /* --TC-TEXT-PRIMARY */
  0: #;
  1: 0;
  2: 0;
  3: 0;
  4: 0;
  5: 0;
  6: 0;

  /* --TC-TEXT-SECONDARY */
  0: #;
  1: 3;
  2: 3;
  3: 3;
  4: 3;
  5: 3;
  6: 3;

  /* --TC-TEXT-MUTED */
  0: #;
  1: 6;
  2: c;
  3: 7;
  4: 5;
  5: 7;
  6: d;

  /* --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: 0;
  6: ,;
  7:  ;
  8: 0;
  9: ,;
  10:  ;
  11: 0;
  12: ,;
  13:  ;
  14: 0;
  15: .;
  16: 1;
  17: );

  /* --TC-SHADOW */
  0: 0;
  1:  ;
  2: 2;
  3: p;
  4: x;
  5:  ;
  6: 6;
  7: p;
  8: x;
  9:  ;
  10: r;
  11: g;
  12: b;
  13: a;
  14: (;
  15: 0;
  16: ,;
  17:  ;
  18: 0;
  19: ,;
  20:  ;
  21: 0;
  22: ,;
  23:  ;
  24: 0;
  25: .;
  26: 1;
  27: 5;
  28: );

  /* --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: f;
  28: f;
  29: f;
  30: f;
  31:  ;
  32: 0;
  33: %;
  34: ,;
  35:  ;
  36: #;
  37: f;
  38: 8;
  39: f;
  40: 9;
  41: f;
  42: a;
  43:  ;
  44: 5;
  45: 0;
  46: %;
  47: ,;
  48:  ;
  49: #;
  50: f;
  51: 5;
  52: f;
  53: 5;
  54: f;
  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: "modern-01";
  --tc-theme-category: "minimal";

}

/* Base theme styles for modern-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, #0e93ee));
  color: var(--tc-button-primary-text, #ffffff);
  border-color: var(--tc-primary, var(--tc-button-primary-bg, #007fff));
}

.btn-secondary {
  background-color: var(--tc-secondary, var(--tc-button-secondary-bg, #f8f9fa));
  color: var(--tc-text-primary, var(--tc-button-secondary-text, #272b30));
  border-color: var(--tc-borders-light, var(--tc-border-light, #b6c3d2));
}
