/* OraAgent product introduction colors v1.0.
 * Load ora-color-tokens.css first.
 * Scope this layer to <body data-ora-page="product">.
 * V6 baseline: white / gray-blue content, localized pastel gradients.
 * These aliases do not change the homepage or base palette.
 */
[data-ora-page="product"] {
  /* Surfaces and text */
  --ora-product-bg: var(--ora-color-bg);
  --ora-product-surface: var(--ora-color-surface);
  --ora-product-muted-surface: var(--ora-color-surface-muted);
  --ora-product-text: var(--ora-color-text);
  --ora-product-text-secondary: var(--ora-color-text-secondary);
  --ora-product-text-muted: var(--ora-color-text-muted);
  --ora-product-border: var(--ora-color-border);
  --ora-product-control-border: var(--ora-color-control-border);

  /* Hero v3: same three pastel hues as homepage, with a white veil for reading. */
  --ora-product-nav-bg: var(--ora-color-surface);
  --ora-product-hero-bg:
    linear-gradient(90deg, rgb(255 255 255 / .66), rgb(255 255 255 / .88) 44%, rgb(255 255 255 / .62)),
    var(--ora-gradient-hero);
  --ora-product-process-bg: var(--ora-color-surface);
  --ora-product-experts-bg: var(--ora-gradient-experts);
  --ora-product-tasks-bg: var(--ora-color-surface);
  --ora-product-workspace-bg: var(--ora-color-surface-muted);
  --ora-product-automation-bg: var(--ora-color-surface);
  --ora-product-download-bg: var(--ora-gradient-download);
  --ora-product-footer-bg: var(--ora-color-surface);
  --ora-product-result-bg: var(--ora-color-surface);
  --ora-product-table-header-bg: var(--ora-color-surface-muted);

  /* Global actions and navigation */
  --ora-product-action-bg: var(--ora-color-primary);
  --ora-product-action-fg: var(--ora-color-on-primary);
  --ora-product-action-bg-hover: var(--ora-color-primary-hover);
  --ora-product-action-bg-active: var(--ora-color-primary-active);
  --ora-product-secondary-bg: var(--ora-color-surface);
  --ora-product-secondary-bg-hover: var(--ora-color-primary-soft);
  --ora-product-secondary-fg: var(--ora-color-text);
  --ora-product-secondary-border: var(--ora-color-primary);
  --ora-product-link: var(--ora-color-link);
  --ora-product-link-hover: var(--ora-color-link-hover);
  --ora-product-nav-active-bg: var(--ora-color-primary-soft);
  --ora-product-nav-active-fg: var(--ora-color-link);
  --ora-product-active-outline: var(--ora-color-primary);
  --ora-product-focus: var(--ora-color-focus);
  --ora-product-disabled-bg: var(--ora-color-disabled-bg);
  --ora-product-disabled-fg: var(--ora-color-disabled-fg);

  /* Four capability identities */
  --ora-product-customs-bg: var(--ora-expert-zhou-bg);
  --ora-product-customs-fg: var(--ora-expert-zhou-fg);
  --ora-product-buyers-bg: var(--ora-expert-lin-bg);
  --ora-product-buyers-fg: var(--ora-expert-lin-fg);
  --ora-product-maps-bg: var(--ora-expert-lu-bg);
  --ora-product-maps-fg: var(--ora-expert-lu-fg);
  --ora-product-contacts-bg: var(--ora-expert-xu-bg);
  --ora-product-contacts-fg: var(--ora-expert-xu-fg);

  /* Task journey: identity tints stay distinct from status colors. */
  --ora-product-flow-find-bg: var(--ora-product-buyers-bg);
  --ora-product-flow-find-fg: var(--ora-product-buyers-fg);
  --ora-product-flow-research-bg: var(--ora-product-customs-bg);
  --ora-product-flow-research-fg: var(--ora-product-customs-fg);
  --ora-product-flow-contact-bg: var(--ora-product-contacts-bg);
  --ora-product-flow-contact-fg: var(--ora-product-contacts-fg);
  --ora-product-flow-draft-bg: var(--ora-color-primary-soft);
  --ora-product-flow-draft-fg: var(--ora-color-link);
  --ora-product-flow-connector: var(--ora-color-primary);

  /* Workspace module identities */
  --ora-product-knowledge-bg: var(--ora-p-lavender);
  --ora-product-knowledge-fg: var(--ora-p-violet-ink);
  --ora-product-leads-bg: var(--ora-p-mint);
  --ora-product-leads-fg: var(--ora-p-green-ink);
  --ora-product-mail-bg: var(--ora-p-peach);
  --ora-product-mail-fg: var(--ora-p-orange-ink);

  /* Runtime / feedback states */
  --ora-product-info-bg: var(--ora-color-info-bg);
  --ora-product-info-fg: var(--ora-color-info);
  --ora-product-success-bg: var(--ora-color-success-bg);
  --ora-product-success-fg: var(--ora-color-success);
  --ora-product-notice-bg: var(--ora-color-warning-bg);
  --ora-product-notice-fg: var(--ora-color-warning);
  --ora-product-error-bg: var(--ora-color-error-bg);
  --ora-product-error-fg: var(--ora-color-error);
}