/*
 * Shared light-mode “paper” token pack for major app surfaces.
 *
 * Apply via: body.light-mode #home | #product-analysis | #trends | #item-lookup
 * Surface-specific chrome stays in home.css / explore.css / trends.css / item-lookup.css.
 *
 * Contract: ebay_trends_backend/tests/theme-foundation.test.js
 * Marker: HM_LIGHT_PAPER_PACK (do not rename — tests grep this)
 */

/* HM_LIGHT_PAPER_PACK */
body.light-mode #home,
body.light-mode #product-analysis,
body.light-mode #trends,
body.light-mode #item-lookup {
  /* Canvas: cool paper under cover-theme warm chrome */
  background:
    linear-gradient(
      180deg,
      color-mix(in srgb, var(--theme-accent-primary, #2a6f9e) 12%, #e4edf5) 0%,
      color-mix(in srgb, var(--theme-accent-primary, #2a6f9e) 10%, #dae6f0) 100%
    );
  color: #243247;

  /* Mid-chroma Carolina — readable on paper */
  --theme-accent-primary: #2a6f9e;
  --theme-accent-soft-top: #4b9cd3;
  --theme-accent-hover: #225a82;
  --theme-accent-muted: #3d8ec4;
  --theme-rgb-accent: 42, 111, 158;
  --theme-bg-action: #2a6f9e;
  --theme-bg-action-hover: #225a82;
  --theme-bg-time-range-active: #2a6f9e;
  --theme-bg-time-range-hover: #3d8ec4;
  --theme-text-time-range-active: #ffffff;
  --carolina-blue: #2a6f9e;

  --theme-text-body: #243247;
  --theme-text-heading: #0b1524;
  --theme-text-primary: #243247;
  --theme-text: #243247;
  --theme-text-secondary: #4a5d72;
  --theme-text-muted: #5c6d80;
  --theme-text-soft: #5c6d80;
  --theme-text-subtle: #5c6d80;
  --theme-text-caption: #4a5d72;
  --theme-text-focused-title: #0b1524;
  --theme-text-card: #0b1524;
  --theme-text-metric-label: #5c6d80;
  --theme-explore-header-text: #0b1524;
  --theme-roi-label: #5c6d80;
  --theme-roi-value: #0b1524;
  --theme-chart-header-small: #5c6d80;
  --text-color: #243247;
  --text-secondary: #4a5d72;
  --text-muted: #5c6d80;

  --theme-success: #16a34a;
  --theme-danger: #dc2626;
  --theme-roi-positive: #16a34a;
  --theme-roi-negative: #dc2626;
  --theme-trend-up: #16a34a;
  --theme-trend-down: #dc2626;
  --theme-trend-neutral: #334155;
  --theme-pill-up-color: #15803d;
  --theme-pill-up-bg: linear-gradient(180deg, #f0fdf4 0%, #dcfce7 100%);
  --theme-pill-up-border: rgba(22, 163, 74, 0.55);
  --theme-pill-down-color: #b91c1c;
  --theme-pill-down-bg: linear-gradient(180deg, #fef2f2 0%, #fee2e2 100%);
  --theme-pill-down-border: rgba(220, 38, 38, 0.5);
  --theme-pill-neutral-color: #334155;
  --theme-pill-neutral-bg: #eef2f7;
  --theme-pill-neutral-border: #c5d0db;

  /* Surfaces / cards */
  --theme-tab-surface-bg: #f4f7fa;
  --theme-tab-surface-border: color-mix(
    in srgb,
    var(--theme-accent-primary, #2a6f9e) 26%,
    #c5d0db
  );
  --theme-tab-surface-shadow:
    0 1px 2px rgba(15, 23, 42, 0.04),
    0 6px 16px rgba(30, 64, 96, 0.08);
  --theme-tab-surface-bg-chrome: #f1f5f8;
  --theme-tab-surface-border-chrome: color-mix(
    in srgb,
    var(--theme-accent-primary, #2a6f9e) 30%,
    #bcc8d4
  );
  --theme-tab-surface-shadow-chrome:
    0 1px 2px rgba(15, 23, 42, 0.04),
    0 8px 18px rgba(30, 64, 96, 0.09);
  --theme-tab-surface-bg-emphasis: #f1f5f8;
  --theme-tab-surface-border-emphasis: color-mix(
    in srgb,
    var(--theme-accent-primary, #2a6f9e) 38%,
    #aebcc9
  );
  --theme-tab-surface-shadow-emphasis:
    0 1px 2px rgba(15, 23, 42, 0.05),
    0 10px 22px rgba(30, 64, 96, 0.1);
  --theme-tab-surface-accent-line: var(--theme-accent-primary, #2a6f9e);

  --theme-gradient-card-start: #ffffff;
  --theme-gradient-card-end: #f7fafc;
  --theme-border-card: color-mix(
    in srgb,
    var(--theme-accent-primary, #2a6f9e) 28%,
    #c0ccd8
  );
  --theme-shadow-card:
    0 1px 2px rgba(15, 23, 42, 0.05),
    0 6px 16px rgba(30, 64, 96, 0.09);
  --theme-border-card-hover: var(--theme-accent-primary, #2a6f9e);
  --theme-shadow-card-hover:
    0 2px 4px rgba(15, 23, 42, 0.06),
    0 10px 22px rgba(30, 64, 96, 0.12);
  --theme-border-card-title: color-mix(
    in srgb,
    var(--theme-accent-primary, #2a6f9e) 22%,
    #c5d0db
  );
  --theme-text-shadow-card: none;
  --theme-text-shadow-value: none;

  /* Lifted wells / inputs */
  --theme-bg-analysis-dropdown: #fafcfd;
  --theme-analysis-dropdown-bg: #fafcfd;
  --theme-analysis-dropdown-border: color-mix(
    in srgb,
    var(--theme-accent-primary, #2a6f9e) 28%,
    #c0ccd8
  );
  --theme-analysis-dropdown-hover-bg: #e8f0f6;
  --theme-explore-input-bg: #fafcfd;
  --theme-explore-input-border: color-mix(
    in srgb,
    var(--theme-accent-primary, #2a6f9e) 28%,
    #c0ccd8
  );
  --theme-explore-input-text: #243247;
  --theme-roi-condensed-bg: color-mix(
    in srgb,
    var(--theme-accent-primary, #2a6f9e) 6%,
    #eef3f7
  );
  --theme-roi-condensed-border: color-mix(
    in srgb,
    var(--theme-accent-primary, #2a6f9e) 22%,
    #c5d0db
  );
  --theme-roi-bg: color-mix(
    in srgb,
    var(--theme-accent-primary, #2a6f9e) 5%,
    #eef3f7
  );
  --theme-profile-chip-bg: #eaf0f5;
  --theme-profile-chip-text: #243247;
  --theme-profile-chip-border: color-mix(
    in srgb,
    var(--theme-accent-primary, #2a6f9e) 26%,
    #c0ccd8
  );
  --theme-profile-chip-hover-bg: #dde7f0;
  --theme-profile-chip-hover-border: var(--theme-accent-primary, #2a6f9e);

  --theme-border-muted: color-mix(
    in srgb,
    var(--theme-accent-primary, #2a6f9e) 22%,
    #c5d0db
  );
  --theme-border-strong: color-mix(
    in srgb,
    var(--theme-accent-primary, #2a6f9e) 36%,
    #a8b6c4
  );
  --theme-border-default: color-mix(
    in srgb,
    var(--theme-accent-primary, #2a6f9e) 22%,
    #c5d0db
  );
  --border-subtle: color-mix(
    in srgb,
    var(--theme-accent-primary, #2a6f9e) 22%,
    #c5d0db
  );
  --theme-border-hobby-select: color-mix(
    in srgb,
    var(--theme-accent-primary, #2a6f9e) 42%,
    #94a3b8
  );

  --theme-chart-container-bg: #eef3f7;
  --theme-chart-container-border: color-mix(
    in srgb,
    var(--theme-accent-primary, #2a6f9e) 26%,
    #c0ccd8
  );
  --theme-chart-container-shadow:
    0 1px 2px rgba(15, 23, 42, 0.04),
    inset 0 1px 0 rgba(255, 255, 255, 0.55);
  --theme-filter-column-bg: #fafcfd;
  --theme-filter-column-border: color-mix(
    in srgb,
    var(--theme-accent-primary, #2a6f9e) 22%,
    #c5d0db
  );
}