/* Bengmontero — тема «Бенто и мята». Единственный источник цветов, шрифтов, отступов. */

:root {
  /* палитра */
  --milk: #F3F4F1;
  --paper: #FFFFFF;
  --graphite: #161A17;
  --coal: #14181A;
  --bark: #1E2422;
  --smoke: #F3F4F1;
  --mint: #2F7D57;
  --mint-deep: #245F43;
  --mint-light: #8FCBA8;
  --amber: #D08A2E;
  --ash: #8C948E;

  /* семантика — светлое настроение по умолчанию */
  --bg: var(--milk);
  --bg-card: var(--paper);
  --bg-soft: #E9ECE6;
  --fg: var(--graphite);
  --fg-muted: #5C665F;
  --fg-faint: #66706A;
  --line: rgba(22, 26, 23, .10);
  --line-strong: rgba(22, 26, 23, .28);
  --accent: var(--mint);
  --accent-hover: var(--mint-deep);
  --on-accent: #FFFFFF;
  --ink: var(--graphite);        /* тёмные плитки на светлом */
  --on-ink: var(--milk);
  --ph: #E1E5DE;                 /* плейсхолдер фото */
  --ph-2: #CDD4CA;
  --shadow: 0 6px 20px -14px rgba(20, 40, 30, .25);
  --shadow-lg: 0 24px 50px -28px rgba(20, 40, 30, .35);

  /* статусы */
  --st-free: var(--mint);
  --st-reserved: var(--amber);
  --st-sold: var(--ash);

  /* шрифты */
  --font-display: "Unbounded", "Golos Text", system-ui, sans-serif;
  --font-text: "Onest", "Golos Text", "Segoe UI", system-ui, sans-serif;
  --display-weight: 600;
  --display-track: -.03em;

  --fs-1: clamp(2.1rem, 1.6rem + 2.2vw, 3.25rem);
  --fs-2: clamp(1.7rem, 1.4rem + 1.1vw, 2.25rem);
  --fs-3: 1.5rem;
  --fs-4: 1.2rem;
  --fs-body: 1.0625rem;
  --fs-small: .9375rem;
  --fs-label: .8125rem;
  --lh-body: 1.55;
  --track-label: .08em;

  /* отступы и форма */
  --space-1: .25rem;
  --space-2: .5rem;
  --space-3: .75rem;
  --space-4: 1rem;
  --space-5: 1.5rem;
  --space-6: 2rem;
  --space-7: 3rem;
  --space-8: 4rem;
  --section: clamp(3rem, 2rem + 4vw, 5.5rem);
  --container: 1760px;
  --gutter: clamp(1rem, 4vw, 2rem);
  --r-card: 24px;
  --r-sm: 14px;
  --r-pill: 14px;

  /* движение */
  --ease: cubic-bezier(.2, .7, .2, 1);
  --dur: 350ms;
  --dur-slow: 450ms;

  color-scheme: light;
}

/* тёмное настроение — ветка бенгала */
[data-mood="dark"] {
  --bg: var(--coal);
  --bg-card: var(--bark);
  --bg-soft: #232A27;
  --fg: var(--smoke);
  --fg-muted: #B3BDB6;
  --fg-faint: #9AA49D;
  --line: rgba(243, 244, 241, .12);
  --line-strong: rgba(243, 244, 241, .3);
  --accent: var(--mint-light);
  --accent-hover: #A9DABF;
  --on-accent: var(--coal);
  --ink: var(--smoke);
  --on-ink: var(--coal);
  --ph: #262D2A;
  --ph-2: #323B37;
  --shadow: 0 10px 30px -18px rgba(0, 0, 0, .7);
  --shadow-lg: 0 24px 60px -30px rgba(0, 0, 0, .8);
  --st-free: var(--mint-light);
  --st-reserved: #E0A24C;
  --st-sold: #9AA49D;
  color-scheme: dark;
}