/* Interactive tools share the interior palette. Printed quotes keep their own layout. */
@media screen {
  .page-interior {
    --tool-error: #ffb8c0;
    --tool-error-surface: #382335;
  }

  .page-interior .contact-form,
  .page-interior .quote-demo-footer {
    background: var(--bg-card);
  }

  .page-interior .contact-form input:not([type="checkbox"]),
  .page-interior .contact-form select,
  .page-interior .contact-form textarea,
  .page-interior .quote-field input,
  .page-interior .quote-field select {
    background: var(--bg-main);
    color: var(--ink);
    border-color: var(--control-border);
    color-scheme: dark;
    caret-color: var(--accent);
  }

  .page-interior .contact-form input::placeholder,
  .page-interior .contact-form textarea::placeholder,
  .page-interior .quote-field input::placeholder {
    color: var(--text-secondary);
    opacity: 1;
  }

  .page-interior .contact-form input[type="checkbox"] {
    color-scheme: dark;
    accent-color: var(--accent);
  }

  .page-interior .contact-form input:not([type="checkbox"]):focus-visible,
  .page-interior .contact-form select:focus-visible,
  .page-interior .contact-form textarea:focus-visible {
    border-color: var(--highlight);
  }

  .page-interior .form-status,
  .page-interior #local-preview-notice,
  .page-interior .contact-demo-context,
  .page-interior .contact-email-result,
  .page-interior .contact-delivery-note {
    background: var(--surface-neutral);
    color: var(--ink);
    border-color: var(--control-border);
  }

  .page-interior .contact-delivery-note {
    border-left-color: var(--accent);
  }

  .page-interior .contact-form .btn-primary:disabled {
    background: var(--surface-neutral);
    color: var(--text-secondary);
    border-color: var(--border-color);
  }

  .page-interior .quote-remove,
  .page-interior .quote-summary-brand svg {
    background: var(--bg-card);
  }

  .page-interior .quote-summary { top: 150px; }

  .page-interior .quote-remove:hover:not(:disabled) {
    background: var(--surface-green);
    color: var(--accent);
  }

  .page-interior .quote-field [aria-invalid="true"] {
    background: var(--tool-error-surface);
    border-color: var(--tool-error);
  }

  .page-interior .quote-error,
  .page-interior .quote-invalid .quote-status {
    color: var(--tool-error);
  }

  .page-interior .quote-summary-reference,
  .page-interior .quote-breakdown .quote-tax-base,
  .page-interior .quote-total-box {
    border-color: var(--control-border);
  }

  .page-interior .quote-workspace button:disabled {
    background: var(--surface-neutral);
    color: var(--text-secondary);
    border-color: var(--border-color);
    opacity: 0.65;
    transform: none;
    box-shadow: none;
  }

  /* Luma is a fictional client site within the Digital demonstration. */
  .page-interior .luma-site {
    --bg-main: #ffffff;
    --bg-alt: #f4f7f6;
    --bg-card: #ffffff;
    --ink: #071b2e;
    --text-primary: var(--ink);
    --text-secondary: #475b66;
    --accent: #00c06c;
    --accent-hover: #00a75e;
    --accent-dark: #007545;
    --highlight: #006b3d;
    --border-color: #d4dfda;
    --control-border: #71877d;
    --surface-neutral: #f1f5f4;
    --surface-green: #e9f8f1;
    --surface-soft: #f7f9f8;
    --line-color: #006b3d;
    --line-surface: #eff9f4;
    --button-text: var(--ink);
    color: var(--ink);
    color-scheme: light;
    background: var(--bg-main);
  }

  .page-interior .demo-web-conversion {
    background: var(--bg-card);
    border-color: var(--border-color);
  }
}