/* Theme: vintage-01 - Generated from JSON */
/* Ретро тема с теплыми коричневыми и кремовыми оттенками */

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

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

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

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

  /* --TC-BG-SECONDARY */
  0: #;
  1: f;
  2: 5;
  3: f;
  4: 5;
  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: 3;
  2: e;
  3: 2;
  4: 7;
  5: 2;
  6: 3;

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

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

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

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

  /* --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: 6;
  16: 2;
  17: ,;
  18:  ;
  19: 3;
  20: 9;
  21: ,;
  22:  ;
  23: 3;
  24: 5;
  25: ,;
  26:  ;
  27: 0;
  28: .;
  29: 1;
  30: 5;
  31: );

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

}

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

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