/* Jay Group Portal — design tokens (shared desktop / mobile entrypoints) */
:root {
  --jp-navy-950: #050d1c;
  --jp-navy-900: #08152f;
  --jp-navy-800: #0f2347;
  --jp-blue: #2f65d9;
  --jp-blue-hover: #2555bc;
  --jp-blue-soft: #e8eefc;
  --jp-text: #0f172a;
  --jp-text-muted: #64748b;
  --jp-border: #dbe4ef;
  --jp-surface: #ffffff;
  --jp-surface-subtle: #f4f7fb;
  --jp-font-sans: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI",
    Roboto, "Helvetica Neue", Arial, sans-serif;
  --jp-radius-sm: 8px;
  --jp-radius-md: 12px;
  --jp-radius-lg: 14px;
  --jp-shadow: 0 4px 24px rgba(5, 13, 28, 0.12);
  --jp-shadow-lg: 0 12px 40px rgba(5, 13, 28, 0.18);
  /* Shared page width / horizontal padding (used by .jp-main) */
  --jp-page-max: 1280px;
  --jp-page-pad: clamp(16px, 3vw, 40px);
}

/*
 * Universal theme entry (Phase B): consumer styles live in portal.css.
 * Global shell (header, .jp-main, buttons, modals, etc.) references the tokens above.
 * Primary nav link markup: templates/shared/_portal_header_nav_links.html.
 * Header logo link: templates/shared/_portal_header_logo.html.
 * Dashboard cards + tips aside: templates/shared/_dashboard_primary_areas.html.
 * Auth jp-login-card logo + flash: templates/shared/_portal_login_card_logo.html,
 *   templates/shared/_portal_login_flash_alerts.html.
 * Tools / job hub shared bodies (desktop+mobile byte-identical post-header): _internal_tools_index_body.html,
 *   _work_diary_hub_body.html, _internal_tools_import_body.html, _job_dashboard_body.html, _tools_index_body.html.
 * Admin shared bodies: _admin_index_body.html, _admin_audit_body.html, _admin_settings_body.html, _admin_users_body.html.
 * Staff shared bodies: _staff_index_body.html, _staff_org_body.html, _staff_profile_body.html, _staff_leave_body.html,
 *   _staff_certs_body.html, _staff_edit_body.html, _staff_summary_body.html.
 * Internal tools / trackers (batch — reports + ceiling): _internal_tools_reports_store_body.html,
 *   _internal_tools_reports_index_body.html, _ceiling_tracker_body.html.
 * Internal tools / trackers (batch — record + sales + diary + schedule): _internal_tools_record_body.html,
 *   _sales_tracker_body.html, _work_diary_entry_body.html, _works_schedule_week_body.html.
 * Intentionally NOT deduped into a shared *_body.html (desktop vs mobile post-header slices differ; inline/dynamic
 *   report UI): internal_tools_attendance_record.html — do not extract in this phase; keep D/M padding as-is.
 * CCTV QUIC report (/tools/cctv-quic-report): intentionally skipped from theme/structure centralisation — high-risk
 *   integration (portal.css .cctv-*, documents-explorer.css + jp_documents_folder_picker.js, site_marker folder API,
 *   export/photos JS, autosave, inline scripts, XLSX routes). Do not refactor without explicit approval.
 * Do not rebind tokens in a way that changes computed styles without a full visual regression pass.
 */