/*
 * Dynovative Theme — Centralized tokens (Desk + Web + Helpdesk)
 *
 * Injected via hooks.py after core bundles. Scoped to :root / light theme.
 * Accent: iOS-style system blue (#0A84FF). Page canvas: #F5F7FA.
 */

:root,
[data-theme="light"] {
  /* Design tokens (reference in app CSS) */
  --dv-accent: #0a84ff;
  --dv-accent-hover: #0077e6;
  --dv-accent-pressed: #0062cc;
  --dv-page-bg: #f5f7fa;
  --dv-sidebar-bg: #ffffff;
  --dv-card-radius: 12px;
  --dv-shadow-soft: 0 1px 3px rgba(15, 23, 42, 0.06), 0 4px 12px rgba(15, 23, 42, 0.04);
  --dv-focus-ring: 0 0 0 3px rgba(10, 132, 255, 0.28);

  /* Frappe core — align with accent + canvas */
  --primary: #0a84ff;
  --primary-color: #0a84ff;
  --brand-color: #0a84ff;

  --btn-primary: #0a84ff;
  --btn-primary-hover: #0077e6;
  --btn-primary-active: #0062cc;

  --navbar-bg: #0a84ff;

  /* Sidebar selected tint (light blue wash, no left bar — handled in desk_theme) */
  --sidebar-select-color: rgba(10, 132, 255, 0.12);

  --control-bg: #ffffff;
  --control-bg-on-gray: #f0f2f5;
  --border-color: #e2e5eb;
  --dark-border-color: #cbd0d8;
  --highlight-shadow: 1px 1px 10px rgba(10, 132, 255, 0.15), 0 0 0 1px rgba(10, 132, 255, 0.08);

  --bg-color: #f5f7fa;
  --fg-color: #ffffff;
  --subtle-accent: #eef1f6;
  --subtle-fg: #e8ecf2;
  --card-bg: #ffffff;

  --bg-blue: rgba(10, 132, 255, 0.08);
  --bg-light-blue: rgba(10, 132, 255, 0.12);
  --bg-dark-blue: rgba(10, 132, 255, 0.2);
  --text-on-blue: #0a84ff;
  --text-on-light-blue: #0077e6;
  --text-on-dark-blue: #0055aa;

  --progress-bar-bg: #0a84ff;
  --border-primary: #0a84ff;
  --checkbox-gradient: linear-gradient(180deg, #0a84ff -124.51%, #0077e6 100%);

  /* frappe-ui / Helpdesk */
  --ink-blue-1: rgba(10, 132, 255, 0.12);
  --ink-blue-2: #0a84ff;
  --ink-blue-3: #0062cc;

  --outline-gray-1: #f5f7fa;
  --outline-gray-2: #eef1f6;
  --outline-gray-3: #e2e5eb;
  --outline-gray-4: #cbd0d8;
  --outline-gray-modals: #d1d5db;

  --surface-white: #ffffff;
  --surface-gray-1: #f5f7fa;
  --surface-gray-2: #eef1f6;
  --surface-gray-3: #e8ecf2;
  --surface-gray-4: #dde1e8;
  --surface-gray-5: #cbd0d8;
  --surface-gray-6: #b8bec9;
  --surface-gray-7: #9ca3af;

  /* Desk icon rail (body sidebar) */
  --surface-menu-bar: #ffffff;

  --ink-gray-1: #f9fafb;
  --ink-gray-2: #f3f4f6;
  --ink-gray-3: #e5e7eb;
  --ink-gray-4: #cbd0d8;
  --ink-gray-5: #9ca3af;
  --ink-gray-6: #6b7280;
  --ink-gray-7: #4b5563;
  --ink-gray-8: #374151;
  --ink-gray-9: #1f2937;
}