/* Colors — Sechenie
 * Concept «СЕЧЕНИЕ» (cross-section): raw concrete (before) → clean finish (after).
 * Base palette from the brief, plus warm-toned neutrals derived from plaster/concrete,
 * and semantic aliases for everyday use.
 */
:root {
  /* ---- Base palette ---- */
  --concrete: #1A1A1A;      /* Бетон — hero, nav, dark sections */
  --plaster:  #F5F0E8;      /* Штукатурка — warm content background */
  --copper:   #C8962E;      /* Медь — CTA, accents, numbers */
  --copper-dark: #A07520;   /* Copper hover / pressed */
  --copper-light: #F2E6CF;  /* Copper tint — secondary button hover fill */
  --moss:     #2D5016;      /* Мох — success, guarantee/trust badges */
  --moss-light: #E4EADD;    /* Moss tint — success surface */
  --finish:   #FFFFFF;      /* Финиш — cards, forms, tables */

  /* ---- Warm neutrals (derived) ---- */
  --stone:    #6B6357;      /* labels, muted text on light */
  --dust:     #A8A096;      /* footer / on-dark muted text */
  --hairline: #E4DCCE;      /* borders, dividers, input outlines */
  --concrete-80: rgba(26, 26, 26, 0.80);
  --concrete-50: rgba(26, 26, 26, 0.50); /* photo overlay for text */
  --concrete-40: rgba(26, 26, 26, 0.40);

  /* ---- Semantic aliases ---- */
  --bg-page:        var(--plaster);
  --bg-dark:        var(--concrete);
  --surface-card:   var(--finish);
  --surface-sunken: #FBF8F2;

  --text-heading:   var(--concrete);
  --text-body:      #3A3631;
  --text-muted:     var(--stone);
  --text-on-dark:   var(--finish);
  --text-on-dark-muted: var(--dust);

  --accent:         var(--copper);
  --accent-hover:   var(--copper-dark);
  --accent-tint:    var(--copper-light);

  --success:        var(--moss);
  --success-tint:   var(--moss-light);

  --border:         var(--hairline);
  --border-strong:  #D2C7B4;

  --overlay-photo:  var(--concrete-50);
  --focus-ring:     var(--copper);
}