/* Depth layer — subtle 3D lift between background and objects.
 * No color, layout, or size changes. Just shadows.
 * Intentionally quiet: the eye feels the depth but can't see the shadow
 * without looking for it. Values are low-opacity, tight-spread. */

:root {
  --depth-sm:   0 1px 2px rgba(0,0,0,.035), 0 2px 6px -2px rgba(0,0,0,.04);
  --depth-md:   0 1px 2px rgba(0,0,0,.05),  0 6px 16px -4px rgba(0,0,0,.06);
  --depth-lg:   0 2px 4px rgba(0,0,0,.05),  0 12px 28px -8px rgba(0,0,0,.08);
  --depth-dark: 0 2px 6px -2px rgba(0,0,0,.18), 0 14px 36px -12px rgba(0,0,0,.14);
  --depth-cta:  0 1px 2px rgba(0,0,0,.06),  0 6px 14px -4px rgba(200,230,74,.28);
  --depth-input: inset 0 1px 2px rgba(0,0,0,.02), 0 1px 2px rgba(0,0,0,.03);
}

/* ── Light cards (white/cream surfaces on cream background) ── */
.c-report, .c-watch, .c-total, .c-insight,
.ticker-plan,
.p-safe-close,
.report-card, .new-card, .composer,
.sc-card {
  box-shadow: var(--depth-sm);
}

/* ── Dark cards (#1a1a1a surfaces — need more shadow for lift) ── */
.c-minibrief,
.quick-brief,
.p-queue,
.ref-card,
.thanks-banner {
  box-shadow: var(--depth-dark);
}

/* ── Inputs — gentle inset + faint outer ── */
.q-input,
.cp-ta,
.c-email,
.signin input,
input[type="text"],
input[type="email"],
input[type="search"],
textarea {
  box-shadow: var(--depth-input);
}

/* ── Lime-primary CTAs — soft lime-tinted glow under the button ── */
.c-go,
.c-preview-btn,
.cp-submit,
.ref-copy,
.signin-btn,
.sample-link,
.tl-cta,
.btn.primary,
.d-btn.primary {
  box-shadow: var(--depth-cta);
}

/* ── Beta badge — a notch stronger so it reads as floating ── */
.beta-badge {
  box-shadow: 0 2px 8px -2px rgba(0,0,0,.14), 0 8px 20px -6px rgba(0,0,0,.12);
}

/* ── Progress inner block ── */
.progress-inner {
  /* don't override the page; just nudge the embedded stats */
}
.p-stats > div {
  box-shadow: var(--depth-sm);
  border-radius: 10px;
}