/* ==========================================================
   AMICI BURO — Design Tokens
   Source: amiciburo.com (extracted 2026-04-08)
   Platform: Tilda (inline CSS + custom.css)
   ========================================================== */

:root {

  /* ----------------------------------------------------------
     COLOR
  ---------------------------------------------------------- */

  /* Text */
  --color-text-primary:     #382D26;
  /* --color-text-primary:     #222222; */
  /* --color-text-secondary:   #323232; */
  --color-text-secondary:   #382D26;
  --color-text-muted:       #999999;
  --color-text-inverse:     #ffffff;

  /* Accent — terracotta */
  --color-accent:           #C25844;

  /* Background */
  --color-bg-default:       #F3F1EC;
  /* --color-bg-default:       #f2f2f2; */
  --color-bg-alt:           #F3F1EC;
  /* --color-bg-alt:           #f7f7f7; */
  --color-bg-dark:          #000000;
  --color-bg-dark-mid:      rgba(92, 92, 92, 1);
  --color-bg-beige:         #d0c7b4;

  /* Border / Divider */
  --color-border:           #cccccc;
  --color-border-input:     #a8a8a8;
  --color-border-light:     #ebebeb;

  /* Overlay */
  --color-overlay-dark:     rgba(0, 0, 0, 0.6);
  --color-overlay-light:    rgba(255, 255, 255, 0.4);
  --color-overlay-subtle:   rgba(0, 0, 0, 0.15);

  /* ----------------------------------------------------------
     TYPOGRAPHY — Font Family
  ---------------------------------------------------------- */

  --font-primary:   'Montserrat', Arial, sans-serif;
  --font-display:   'tfutura', Arial, sans-serif;

  /* ----------------------------------------------------------
     TYPOGRAPHY — Font Size
  ---------------------------------------------------------- */

  --text-micro:   10px;
  --text-xs:      12px;
  --text-sm:      14px;
  --text-base:    16px;
  --text-md:      18px;
  --text-lg:      24px;
  --text-xl:      26px;
  --text-2xl:     28px;

  /* ----------------------------------------------------------
     TYPOGRAPHY — Font Weight
  ---------------------------------------------------------- */

  --font-light:     300;
  --font-regular:   400;
  --font-medium:    500;
  --font-semibold:  600;

  /* ----------------------------------------------------------
     TYPOGRAPHY — Line Height
  ---------------------------------------------------------- */

  --leading-tight:    1.15;
  --leading-snug:     1.2;
  --leading-normal:   1.35;
  --leading-relaxed:  1.45;
  --leading-loose:    1.55;

  /* ----------------------------------------------------------
     TYPOGRAPHY — Letter Spacing
  ---------------------------------------------------------- */

  --tracking-normal:  0;
  --tracking-wide:    1px;   /* меню, лейблы uppercase */

  /* ----------------------------------------------------------
     SPACING
  ---------------------------------------------------------- */

  --space-0:    0px;
  --space-1:   10px;
  --space-2:   15px;
  --space-3:   30px;

  /* ----------------------------------------------------------
     BORDER RADIUS
  ---------------------------------------------------------- */

  --radius-none:    0px;
  --radius-sm:      3px;
  --radius-md:      4px;
  --radius-lg:      10px;
  --radius-xl:      20px;
  --radius-pill:    100px;
  --radius-full:    1000px;
  --radius-circle:  100%;

  /* ----------------------------------------------------------
     TRANSITIONS
  ---------------------------------------------------------- */

  --transition-fast:    0.1s ease;
  --transition-base:    0.2s ease-in;
  --transition-normal:  0.3s ease-in-out;
  --transition-slow:    0.5s ease;
  --transition-menu:    0.5s cubic-bezier(0, 1, 0.5, 1);
  --transition-spring:  0.3s cubic-bezier(0.19, 1, 0.22, 1);

  /* ----------------------------------------------------------
     Z-INDEX
  ---------------------------------------------------------- */

  --z-below:    -1;
  --z-base:      0;
  --z-above:     1;
  --z-dropdown:  10;
  --z-sticky:    99;
  --z-fixed-header: 100;
  --z-overlay:   990;
  --z-modal:     1000;
  --z-toast:     9999;
  --z-top:       10000;

  /* ----------------------------------------------------------
     LAYOUT
  ---------------------------------------------------------- */

  --grid-max-width:     1200px;
  --grid-col-count:     12;

  /* Theme layout (Profi Designs templates) */
  --section-pad:        140px;
  --header-h:           72px;
  --color-surface:      #F3F1EC;

  /* ----------------------------------------------------------
     BREAKPOINTS — use literal values in @media (1200 / 960 / 640 / 480 px)
  ---------------------------------------------------------- */
}

[data-font-theme="alt"] {
  --font-primary: 'DM Sans', Arial, sans-serif;
  --font-display: 'Inter', Arial, sans-serif;
}