/* Map emall's color CSS variables to selvacrafts palette tokens.
 *
 * We ONLY rewrite the --ts-* variables on body.sc-site. emall's own rules
 * (color: var(--ts-text-color), background: var(--ts-main-bg), etc.) pick up
 * the selvacrafts palette automatically. We deliberately do NOT set a body
 * background-color here — emall (and Elementor section widgets) manage page
 * backgrounds themselves; overriding that fights with hero/slider layouts. */

body.sc-site {
  /* Text + headings */
  --ts-text-color: var(--ink);
  --ts-heading-color: var(--ink);
  --ts-gray-color: var(--ink2);
  --ts-gray-2-color: var(--ink2);

  /* Brand / accent */
  --ts-primary-color: var(--accent);
  --ts-text-in-primary-color: #ffffff;

  /* Surfaces */
  --ts-main-bg: var(--page-bg-inner);
  --ts-dropdown-bg: var(--surface);
  --ts-blockquote-bg: var(--bg2);

  /* Lines */
  --ts-border: var(--line);

  /* Links */
  --ts-link-color: var(--ink);
  --ts-link-hover: var(--accent);

  /* Inputs */
  --ts-input-color: var(--ink);
  --ts-input-bg: var(--surface);
  --ts-input-border: var(--line);

  /* Buttons — primary dark style, hover lifts to accent */
  --ts-btn-color: #ffffff;
  --ts-btn-bg: var(--ink);
  --ts-btn-border: var(--ink);
  --ts-btn-hover: #ffffff;
  --ts-btn-hover-bg: var(--accent);
  --ts-btn-hover-border: var(--accent);
}