/* ENS Group — Nocturne retuned to the site's own colors.
   Load AFTER _ds/.../styles.css. Only the token layer changes: the
   component layer, states, ramps structure and spacing scale stay Nocturne's.

   Sources for every value below (site/ codebase):
     body background            #1e2224   style.css:2
     accent / menu links        #ffba00   style.css (#header .menu ul li a)
     accent / brand amber       #f9b811   style.css (.banner-text-2, #footer a)
     secondary olive            #c4c4a5   style.css (.search-box border, .catalog3)
     pale olive surface         #e7e7c2   style.css (.q-a, .catalog2)
     logo gradient orange       #f7941e   p/logo.png
*/

:root {
  /* ground: the site's #1e2224 taken one step darker for the page floor,
     the original value kept as the raised surface */
  --color-bg: #16191b;
  --color-surface: #1e2224;
  --color-surface-2: #272c2e;
  --color-text: #eceeed;

  --color-accent: #f9b811;      /* brand amber */
  --color-accent-2: #c4c4a5;    /* olive — the site's second role, real, not a stand-in */
  --color-divider: color-mix(in srgb, #eceeed 14%, transparent);

  /* neutral ramp — the ground's own hue (green-grey), one shared lightness scale */
  --color-neutral-100: #f2f4f3;
  --color-neutral-200: #e2e6e5;
  --color-neutral-300: #ccd1d0;
  --color-neutral-400: #aeb4b3;
  --color-neutral-500: #8f9695;
  --color-neutral-600: #717877;
  --color-neutral-700: #565c5c;
  --color-neutral-800: #3d4243;
  --color-neutral-900: #272b2c;

  /* amber ramp */
  --color-accent-100: #fff8e6;
  --color-accent-200: #ffefc4;
  --color-accent-300: #ffdf8e;
  --color-accent-400: #fdc94a;
  --color-accent-500: #f9b811;
  --color-accent-600: #cf960b;
  --color-accent-700: #a1750c;
  --color-accent-800: #6d5211;
  --color-accent-900: #3d2f0f;

  /* olive ramp */
  --color-accent-2-100: #f8f8f0;
  --color-accent-2-200: #eeeee0;
  --color-accent-2-300: #e7e7c2;
  --color-accent-2-400: #c4c4a5;
  --color-accent-2-500: #a7a788;
  --color-accent-2-600: #88886c;
  --color-accent-2-700: #686852;
  --color-accent-2-800: #4a4a3b;
  --color-accent-2-900: #2e2e25;

  /* full-bleed presence field: deep warm brown-amber, saturation at page scale */
  --color-section: #35270a;
  --color-section-glow: #55400d;
  --color-section-ghost: #7d5f14;

  --shadow-sm: 0 0 0 1px #3d4243;
  --shadow-md: 0 0 0 1px #565c5c, 0 6px 18px rgba(0,0,0,0.55);
  --shadow-lg: 0 0 0 1px #8f9695, 0 16px 40px rgba(0,0,0,0.65);
}

/* Russian copy sets tighter than Latin at display sizes; -1.5% is too much
   for Cyrillic caps, so the heading tracking is relaxed here. */
h1, h2, h3, h4, h5, h6 { letter-spacing: -0.005em; }

/* the site's own convention: uppercase section labels, amber links */
a { color: var(--color-accent-400); text-decoration: none; }
a:hover { color: var(--color-accent-300); }

/* one extra utility the industrial content needs and Nocturne has no class
   for: a technical label above a block */
.kicker {
  font-size: 11px; letter-spacing: 0.16em; text-transform: uppercase;
  color: var(--color-accent-500);
}
.muted { color: var(--color-neutral-500); }