/* Variant: Copper — the Layers hero, warm and dark: copper, amber and rose glass on brown-black.
   Layered on themes/layers.css. Dark only. */

:root {
  --bg: #15100c;
  --surface: #1f1813;
  --muted: #1a140f;
  --ink: #f6efe8;
  --ink-2: #b3a597;
  --line: #33281f;
  --accent: #f0a35e;
  --accent-ink: #1a120c;
  --accent-soft: #3a2615;
  --green-soft: #2a2016;
  --amber-soft: #33240f;
  --night: #241a12;
  --night-2: #30231a;
  --night-line: rgba(255, 235, 215, 0.1);
  --night-ink: #f6efe8;
  --night-ink-2: #b3a597;

  --ui-bg: #241c16;
  --ui-line: #352a21;
  --ui-fill: #43362b;
  --ui-fill-2: #2c231c;
  --ui-strong: #f6efe8;
  --ui-accent: #f0a35e;
  --ui-img: #3a2a1c;
  --ui-tint-a: #4a3220;
  --ui-tint-b: #4a2a2c;
  --ui-tint-c: #4a3a1a;

  color-scheme: dark;
}

.masthead { background: rgba(21, 16, 12, 0.8); border-bottom-color: var(--line); }
.pill--dark { background: var(--ink); color: var(--bg); }

.ly-hero { background: radial-gradient(50rem 30rem at 75% 40%, rgba(240, 140, 70, 0.18), transparent 70%); }
.ly-scene::after { background: radial-gradient(closest-side, rgba(240, 140, 70, 0.35), transparent); }
.ly-layer { border-color: rgba(255, 220, 190, 0.35); box-shadow: 0 30px 50px -20px rgba(0, 0, 0, 0.6); }
.ly-layer--doc { background: linear-gradient(135deg, rgba(224, 112, 138, 0.8), rgba(170, 70, 100, 0.7)); }
.ly-layer--crm { background: linear-gradient(135deg, rgba(240, 163, 94, 0.85), rgba(200, 110, 60, 0.75)); }
.ly-layer--web { background: linear-gradient(135deg, rgba(255, 205, 130, 0.9), rgba(230, 150, 80, 0.8)); }
.ly-label { background: var(--accent); color: var(--accent-ink); }

.tile { box-shadow: 10px 10px 0 rgba(240, 163, 94, 0.1); }
.tile--dark { background: linear-gradient(160deg, #3a2615, #241a12 70%); box-shadow: 10px 10px 0 rgba(240, 163, 94, 0.2); }
.tile--dark .focus strong { color: #ffc98f; }
.product__visual { box-shadow: 8px 8px 0 rgba(240, 163, 94, 0.1); border: 1px solid var(--line); }
.steps li::before { background: linear-gradient(135deg, #ffcd82, #e0708a); box-shadow: none; color: #1a120c; }
.faq details { border: 1px solid var(--line); box-shadow: none; }
.section--muted { border-block: 1px solid var(--line); }
.section--contact { background: radial-gradient(60% 80% at 85% 20%, rgba(240, 140, 70, 0.2), transparent), var(--night); }
.contact__card { border: 1px solid var(--line); }
.footer { border-top: 1px solid var(--line); }