/* owings_management — the SECTION's cross-form token contract, and nothing else.
 *
 * Kept here because the Anvil server strips a template's <style> block. This
 * file holds only the twelve custom properties the
 * shell declares on .om-dashboard plus their dark restatement, because all four
 * children read them and none of them declares one: .om-type-btn[data-theme=…],
 * .om-badge-overdue / -urgent / -acute, .om-search-clear, .om-btn-primary and
 * .om-dropdown:focus all resolve var(--accent…) / var(--om-…) against this rule
 * through INHERITANCE from the dashboard root they sit under. Everything else
 * the shell owns is in owings_management_html.css.
 *
 * Inheritance is why the link order between this section's six sheets cannot
 * change which declaration wins: a custom property is inherited down the tree,
 * not cascaded against the children's own rules, and no child sheet declares
 * any of these twelve names.
 *
 * The root rule stays BARE (it is .om-dashboard's own subject, so it must
 * outrank the scoped reset) and carries nothing but the properties. The eight
 * shared screen-root declarations live once in theme/assets/theme.css as
 * .px-screen-root, which the root div carries. Do not add a private copy here.
 *
 * The dark restatement keeps [data-theme="dark"] OUTSIDE any scope: that
 * attribute sits on <html>, an ancestor of this root, so a scope in front of it
 * would never match.
 */

.om-dashboard {
  --accent: #ef4444;
  --accent-hover: #dc2626;
  --accent-subtle: rgba(239, 68, 68, 0.08);
  --px-loading-accent: #ef4444;
  --om-tray: #f59e0b;
  --om-tray-pale: rgba(245, 158, 11, 0.15);
  --om-cd: #8b5cf6;
  --om-cd-pale: rgba(139, 92, 246, 0.15);
  --om-supplement: #10b981;
  --om-supplement-pale: rgba(16, 185, 129, 0.15);
  --om-fridge: #3b82f6;
  --om-fridge-pale: rgba(59, 130, 246, 0.15);
}

[data-theme="dark"] .om-dashboard,
.om-dashboard[data-theme="dark"] {
  --accent: #f87171;
  --accent-hover: #ef4444;
  --accent-subtle: rgba(248, 113, 113, 0.15);
  --om-tray-pale: rgba(245, 158, 11, 0.25);
  --om-cd-pale: rgba(139, 92, 246, 0.25);
  --om-supplement-pale: rgba(16, 185, 129, 0.25);
  --om-fridge-pale: rgba(59, 130, 246, 0.25);
}
