/*
 * M7C10 reaction, landscape warning, and free-talk frame — approved
 * soft-pastel revision.
 */
.oa20-app {
  --m7c10-utility-canvas: #fffafc;
  --m7c10-utility-paper: #ffffff;
  --m7c10-utility-ink: #4a3442;
  --m7c10-utility-muted: #796573;
  --m7c10-utility-pink: #ffb8db;
  --m7c10-utility-peach: #ffdbb8;
  --m7c10-utility-yellow: #ffedb8;
  --m7c10-utility-aqua: #ccffff;

  --legacy-reaction-image-filter:
    drop-shadow(0 20px 38px rgba(91, 63, 80, 0.18));
  --legacy-landscape-warning-card-surface: rgba(255, 255, 255, 0.92);
  --legacy-landscape-warning-card-shadow:
    0 18px 40px rgba(91, 63, 80, 0.14);
  --legacy-landscape-warning-heading-text: var(--m7c10-utility-ink);
  --legacy-landscape-warning-body-text: var(--m7c10-utility-muted);
  --legacy-landscape-warning-backdrop:
    linear-gradient(
      135deg,
      var(--m7c10-utility-pink),
      var(--m7c10-utility-peach) 44%,
      var(--m7c10-utility-yellow) 70%,
      var(--m7c10-utility-aqua)
    );
  --legacy-landscape-warning-base-text: var(--m7c10-utility-ink);

  --legacy-free-talk-frame-border: rgba(80, 177, 189, 0.32);
  --legacy-free-talk-wrapper-surface: var(--m7c10-utility-paper);
  --legacy-free-talk-iframe-surface: var(--m7c10-utility-canvas);
}